:root {
  --hauptfarbe: #2f2482; /* blau */
  --hauptfarbe_alternativ: #170d5e; /* dunklere Version */
  --hauptfarbe_hellhinterg: #d7eefc; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #cddfea; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #e97c00; /* orange */
  
  --borderradius: 0; /* Standard Border Radius */
  
  --fontfam_h: serif; /* ausgewählte Hauptschriftart Überschriften */
  --fontfam_t: sans-serif; /* ausgewählte Hauptschriftart Texte */
  --fontfam_auszeichnung: monospace; /* ausgewählte Schriftart Highlights */
  }



.bildbox_oben { margin: 0 0 0 0; }
.portrait_oben { margin-right: 0px; }

.kurztext_global { background-color: transparent; padding: 0 0 0 0; }
.gv_galleryWrap { background: transparent none repeat scroll 0 0; }






html {font-family: 'Roboto', sans-serif;}

.cms_system_info_texte {z-index: 3 !important;}

#back_to_top_btn {background-color: var(--hauptfarbe)80;}

#inhalt h1 {color: var(--hauptfarbe); }



.nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten {align-self: center;}




/*----------------- Bilderleiste -------------------------------------------*/

#bilderleiste {position: relative;}
#bilderleiste #bilderleiste_hellblauer_hg {position: absolute; top: 30%; height: 70%; width: 100%; background-color: var(--hauptfarbe_hellhinterg); z-index: -1;}
#bilderleiste #bilderleiste_innen {width: 1200px; height: 100%; display: flex; justify-content: flex-start; align-items: center;}







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

#navigation {width: auto; align-self: flex-end; background-color: var(--hauptfarbe); margin-top: -15px; height: 50px;}
#navigation ul {width: auto; margin-right: 200px;}
#navigation ul li {width: auto; position: relative;}
#navigation ul li a {color: #eaeaea; position: relative; letter-spacing: 0.5px; margin: 0 20px;}
#navigation ul li a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 10px; background: var(--hauptfarbe_hellhinterg); height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#navigation ul li a:hover:before {left: 0; right: 0;}
#navigation ul li a:hover {color: var(--hauptfarbe_hellhinterg);}
#navigation ul li a.aktiv {color: var(--hauptfarbe_hellhinterg);}
#navigation ul li a.aktiv:before {content: ""; position: absolute; left: 0; right: 0; bottom: 10px; background: var(--hauptfarbe_hellhinterg); height: 3px;}
#navigation ul li a.aktiv:hover {color: white;}


#navigation ul li ul {background-color: var(--hauptfarbe); margin-right: 0; display: flex; flex-direction: column; position: absolute; right: 0; padding: 0 15px;}
#navigation ul li ul li a {padding: 8px 0; margin: 0; width: max-content;}



#farbkreis_in_navi {display: none;}


#navi_mobile_2020 #navi_mobile_2020_burgermenu #burgermenu_menu_text {color: #ffffff;}
#navi_mobile_2020 #navi_mobile_2020_burgermenu #burgermenu_menu_text::after {content: " - Leistungsspektrum"; color: #ffffff;}

#navi_mobile_2020 #navi_mobile_2020_inhalt ul li a.aktiv {border-left-color: #e97c00;}








/*----------------- Multibox -------------------------------------------*/
.bst_multibox .bst_multibox_inhalt .multibox_text_div_mehr_zeigen_link:hover {color: var(--zweitfarbe);}






/*----------------- Startseite -------------------------------------------*/

#indiv_vorlage1001 #startseite_slider_aktuelles {display: flex; flex-wrap: wrap; margin: 3vh 0;}
#indiv_vorlage1001 #startseite_slider_aktuelles #bausteinbereiche_bausteine_1 {flex: 1;}


/*----------------- Slider Startseite -------------------------------------------*/

#indiv_vorlage1001 .el_slider {align-self: center;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider {margin-bottom: 0; height: auto!important;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .slick-prev {transform: rotate(90deg); left: 10px;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .slick-next {transform: rotate(270deg); right: 10px;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .slick-next, #indiv_vorlage1001 .el_slider .ausgabe_el_slider .slick-prev {background-image: url("/bilder/button_mobil/burgermenu_symbol_aufklappen_rgb255.svg"); height: 25px; width: 30px; background-repeat: no-repeat; background-size: contain; top: auto; bottom: 12px; opacity: 0.5; transition: 0.2s;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .slick-next:hover, #indiv_vorlage1001 .el_slider .ausgabe_el_slider .slick-prev:hover {opacity: 0.9;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .slick-next:before, #indiv_vorlage1001 .el_slider .ausgabe_el_slider .slick-prev:before {display: none;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel {width: 85%; bottom: 70px; left: 15%; transition: 0.3s;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_transparenz {background-color: var(--hauptfarbe); opacity: 0.8; transition: 0.3s;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber {padding: 15px 20px;}
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber h2 {font-weight: normal; letter-spacing: 0.5px; font-size: 1.6rem; line-height: 2rem; color: white; flex: 4; padding-right: 110px;}


#indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_slidertext_unter_titel {flex: unset; padding-right: 110px;}


#indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink {flex-direction: unset; align-items: center; }
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink a {background-color: white; color: var(--hauptfarbe); opacity: 0.8; padding: 3px 12px; transition: 0.3s; border-radius: 3px; flex: 1; position: absolute; right: 15px; top: 19px; }
#indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink a:hover {opacity: 1;}



@media screen and (max-width: 768px) {
    #indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel {position: relative; bottom: unset; left: unset; width: 100%; padding-bottom: 30px;}
    }





/*----------------- Aktuelles Ausgabe Startseite -------------------------------------------*/

#indiv_vorlage1001 #startseite_aktuelles {flex: 1; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
#indiv_vorlage1001 #aktuelles_titel {font-size: 1.6rem; line-height: 2rem; letter-spacing: 1px; text-transform: uppercase; color: var(--hauptfarbe); font-weight: 300;}

#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe {}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global {background-color: transparent; border-bottom: 2px solid var(--hauptfarbe); border-radius: 0; padding: 0; width: 100%; position: relative;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global:last-of-type {border-bottom: none;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global .kurztext_erstellungsinfo {color: gray; transition: 0.3s; font-size: 0.8rem; line-height: 1.3rem;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global:hover .kurztext_erstellungsinfo {color: black;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global h3 {color: var(--hauptfarbe); font-weight: 500; font-family: 'Roboto', sans-serif; font-size: 1.2rem; line-height: 1.6rem; margin: 0;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global .kurztext_nur_der_text {padding: 0 0 8px 0;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global .kurztext_text_div {color: gray; transition: 0.3s; padding-left: 0 !important; font-size: 0.8rem; line-height: 1.3rem;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global:hover .kurztext_text_div {color: black;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .kurztext_global .kurztext_text_div a {color: transparent; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}



#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox.bst_multibox_standard_layout {background-color: transparent; border-bottom: 2px solid var(--hauptfarbe); border-radius: 0; padding: 0; width: 100%; position: relative; margin: 8px 0;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox.bst_multibox_standard_layout:last-of-type {border-bottom: none;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox.bst_multibox_standard_layout.bst_multibox_ohne_bilderleiste .bst_multibox_titel {color: var(--hauptfarbe); font-weight: 500; font-family: 'Roboto', sans-serif; font-size: 1.2rem; line-height: 1.6rem; margin: 0;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox .bst_multibox_info {margin-bottom: 0;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox .bst_multibox_info .bst_multibox_erstellungsdaten {color: gray; transition: 0.3s;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox .bst_multibox_info .bst_multibox_erstellungsdaten li {font-size: 0.8rem; line-height: 1.3rem;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox.bst_multibox_standard_layout.bst_multibox_ohne_bilderleiste .bst_multibox_untertitel {color: var(--dunkel); font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 0.95rem; line-height: 1.3rem;margin: 0;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox.bst_multibox_standard_layout.bst_multibox_ohne_bilderleiste .bst_multibox_inhalt {padding: 0 0 8px 0;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox.bst_multibox_standard_layout.bst_multibox_ohne_bilderleiste .bst_multibox_text p {color: gray; transition: 0.3s; padding-left: 0 !important; font-size: 0.8rem; line-height: 1.3rem;}
#indiv_vorlage1001 #bausteinbereiche_bausteine_2 .news_ausgabe .bst_multibox .bst_multibox_inhalt .multibox_text_div_mehr_zeigen_link {position: absolute; right: 0; top: 0; bottom: 0;}



.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste {display: flex; flex-wrap: wrap;}
.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild {flex: 1; min-width: 150px; margin: 10px 8px 0 0;}
.bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild:first-of-type {flex: unset; width: 100%;}



#indiv_vorlage1001 #link_alle_news {border: 2px solid var(--hauptfarbe); padding: 3px 12px; color: var(--hauptfarbe); border-radius: 5px; transition: 0.3s;}
#indiv_vorlage1001 #link_alle_news:hover {background-color: var(--hauptfarbe); color: white;}

#vorlage642 .alle_news_anzeigen_btn {border: 2px solid var(--hauptfarbe); background-color: var(--hauptfarbe); border-radius: 5px; color: white; margin: 8px 0 30px 0; padding: 5px 18px; transition: 0.3s; font-size: 0.85rem; line-height: 1.3rem;}
#vorlage642 .alle_news_anzeigen_btn:hover {background-color: white; color: black;}




.alle_news_anzeigen_bereich {display: none;}



/*----------------- Rezensionen Startseite -------------------------------------------*/

#indiv_vorlage1001 #startseite_google_bewertungen .google_bewertung {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%;}
#indiv_vorlage1001 #startseite_google_bewertungen .bewertung {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 50%; text-align: center; background-color: var(--hauptfarbe_hellhinterg); color: var(--hauptfarbe); font-size: 1.2rem; line-height: 1.8rem; padding: 2vh 3vw;}
#indiv_vorlage1001 #startseite_google_bewertungen .verfasser_rezension {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; text-align: center; color: var(--hauptfarbe); font-size: 0,85rem; line-height: 1.3rem; padding: 10px;}



#indiv_vorlage1001 #startseite_google_bewertungen {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#indiv_vorlage1001 #startseite_google_bewertungen a {text-align: center; text-decoration: underline; margin-top: 3px; color: #e97c00; font-size: 1rem;}
#indiv_vorlage1001 #startseite_google_bewertungen a:hover {color: var(--hauptfarbe);}

#link_maler_org {width: 100%;}
 
 

 
 
 
 
 
/*----------------- Anruf Aktion Startseite -------------------------------------------*/
 
#indiv_vorlage1001 #startseite_anrufen_aktion {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: white; margin: 4vh 0;}
#indiv_vorlage1001 #startseite_anrufen_aktion div {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: var(--hauptfarbe); padding: 2vh 2vw; font-size: 1rem; letter-spacing: 0.5px; font-weight: 300; box-shadow: 0px 4px 8px grey;}
#indiv_vorlage1001 #startseite_anrufen_aktion div strong {width: 100%; text-align: center; font-size: 1.6rem; line-height: 2.5rem;}
#indiv_vorlage1001 #startseite_anrufen_aktion div strong a {color: white;}



/*----------------- Vorstellung Goos Startseite -------------------------------------------*/

#inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global {background-color: transparent; width: 92%; padding: 4%;}
#inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-wrap: wrap;}
#inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: 50px !important; flex: 1;}
#inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"] {border: 6px solid var(--hauptfarbe);}
#inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_text_div h2 {color: var(--hauptfarbe); font-weight: 600; font-family: 'Roboto', sans-serif; font-size: 1.6rem; line-height: 2rem; margin: 0 0 10px 0;}
#inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_text_div p {font-family: 'Roboto', sans-serif; margin: 16px 0;}
#inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_text_div p span {color: var(--hauptfarbe) !important;}




/*----------------- Farbkreis Erklärung Startseite -------------------------------------------*/

#indiv_vorlage1001 #startseite_farbkreis_erklaerung {display: flex; flex-wrap: wrap; background-color: var(--hauptfarbe_hellhinterg); padding: 4%; justify-content: center; align-items: center; margin: 4vh 0;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text {flex: 2; display: flex; flex-wrap: wrap; color: var(--hauptfarbe); letter-spacing: 0.5px;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text h3 {font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 1.6rem; line-height: 2rem; margin: 50px 0 20px 0;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text h3:first-of-type {margin-top: 0;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text h3 strong {font-weight: 700;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .eine_zeile {display: flex; flex-wrap: wrap; width: 100%;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .eine_zeile p {margin: 3px 0; font-size: 1rem; line-height: 1.6rem;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .eine_zeile .link_farben_zu_unternavi {margin: 3px 0; font-size: 1rem; line-height: 1.6rem; color: var(--hauptfarbe); }
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .eine_zeile .link_farben_zu_unternavi:hover {text-decoration: underline;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .farbkreis_farbe {min-width: 100px; font-weight: 700; }
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .farbkreis_farbe.rot {color: #dd000f;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .farbkreis_farbe.gelb {color: #ffed35; text-shadow: 0 0 1px black;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .farbkreis_farbe.blau {color: var(--hauptfarbe);}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .farbkreis_farbe.orange {color: #e97c00;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .farbkreis_farbe.violett {color: #5b2280;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .farbkreis_farbe.green {color: #00903f;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_bild {flex: 1;}
#indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_bild img {filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));}




/*----------------- Presseartikel Startseite -------------------------------------------*/

#inhalt #indiv_vorlage1001 #startseite_goos_presse #presse_titel {font-size: 1.6rem; line-height: 2rem; letter-spacing: 1px; text-transform: uppercase; color: var(--hauptfarbe); font-weight: 300; padding: 4%;}
#inhalt #indiv_vorlage1001 #startseite_goos_presse #bausteinbereiche_bausteine_4 .nurbild_global {width: 92%; padding: 1% 4%; background-color: transparent; margin-bottom: 4vh;}
#inhalt #indiv_vorlage1001 #startseite_goos_presse #bausteinbereiche_bausteine_4 .nurbild_global .nurbild_bilderleiste {width: 100%; justify-content: space-around;}
#inhalt #indiv_vorlage1001 #startseite_goos_presse #bausteinbereiche_bausteine_4 .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe input[type="image"] {height: 350px;}










/*----------------- News-Ausgabe Einzel-Detailseite -------------------------------------------*/

#vorlage642 .kurztext_global {display: flex; flex-direction: column; font-family: 'Roboto', sans-serif;}
#vorlage642 .kurztext_global h3 {font-size: 1.6rem; line-height: 2rem; letter-spacing: 0.5px; color: var(--hauptfarbe); font-weight: 600; font-family: 'Roboto', sans-serif; margin: 8px 0 20px 0;}
#vorlage642 .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-direction: column;}
#vorlage642 .kurztext_global .kurztext_bilderleiste {display: flex; flex-wrap: wrap; width: 100% !important;}
#vorlage642 .kurztext_global .kurztext_text_div {font-size: 0.95rem; line-height: 1.65rem; font-family: 'Roboto', sans-serif; padding-left: 0 !important; margin: 10px 0;}
#vorlage642 .kurztext_global .kurztext_text_div p {font-size: 0.95rem; line-height: 1.65rem; font-family: 'Roboto', sans-serif;}
#vorlage642 hr {border-color: var(--hauptfarbe);}
#vorlage642 input[type="submit"] {border: 2px solid var(--hauptfarbe); background-color: var(--hauptfarbe); border-radius: 5px; color: white; margin: 8px 0 30px 0; padding: 5px 18px; transition: 0.3s;}
#vorlage642 input[type="submit"]:hover {background-color: white; color: black;}









/*----------------- News-Ausgabe Allgemeine Seite -------------------------------------------*/

#inhalt #news_ausgabekasten {margin: 4vh 0;}
#inhalt #news_ausgabekasten .kurztext_global {background-color: transparent; padding: 3%; border-bottom: 3px solid var(--hauptfarbe); border-radius: 0; width: 100%;}
#inhalt #news_ausgabekasten .kurztext_global:last-of-type {border-bottom: none;}
#inhalt #news_ausgabekasten .kurztext_global h3 {color: var(--hauptfarbe);}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div a {color: var(--hauptfarbe);}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten {background-color: transparent;}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe {padding: 0;}



#inhalt #news_ausgabekasten {margin: 4vh 0;}
#inhalt #news_ausgabekasten .bst_multibox {background-color: transparent; padding: 3%; border-bottom: 3px solid var(--hauptfarbe); border-radius: 0; width: 100%;}
#inhalt #news_ausgabekasten .bst_multibox:last-of-type {border-bottom: none;}









/*----------------- Unterseiten Vorlage - Bilder links - Text rechts -------------------------------------------*/

#vorlage1 {display: flex; flex-wrap: wrap;}
#vorlage1 .portrait {margin-right: 25px;}
#vorlage1 #text {flex: 1; column-count: 2; column-gap: 40px; column-fill: auto;}
#vorlage1 #text p {font-size: 1rem; line-height: 1.65rem; }
#vorlage1 #text p:first-of-type {margin-top: 0;}







/*----------------- Unterseiten Vorlage - Standard -------------------------------------------*/

#textbereich p:first-of-type {margin-top: 0;}


#inhalt .nurtext_global .nurtext_text_div h2 {color: var(--hauptfarbe); font-weight: 600; font-family: 'Roboto', sans-serif; font-size: 2rem; line-height: 2.4rem; margin: 0 0 10px 0; text-align: center}




/*----------------- Unterseiten Vorlage - Galerie -------------------------------------------*/

#vorlage112 {display: flex; flex-wrap: wrap;}
#vorlage112 .galerie_112_rahmen {display: flex; flex-wrap: wrap;}
#vorlage112 .galerie_112_rahmen .bildbox_oben_galerie {padding: 15px;}



#vorlage112 .kurztext_global {display: flex; flex-direction: column; width: 100%;}
#vorlage112 .kurztext_global .kurztext_text_div p {font-size: 0.9rem; font-family: 'Roboto', sans-serif;}
#vorlage112 .kurztext_global .kurztext_text_div p a {color: #e97c00; font-weight: bold;}
#vorlage112 .kurztext_global .kurztext_text_div p a:hover {text-decoration: underline; color: var(--hauptfarbe);}
#vorlage112 h3 {width: 100%; font-size: 1.2rem; color: var(--hauptfarbe); font-family: 'Roboto', sans-serif;}


#bildergalerie_grossansicht_vor {opacity: 0;}
#bildergalerie_grossansicht_nach {opacity: 0;}
#bild_grossansicht_span #bildergalerie_grossansicht_jetzt {display: flex; flex-wrap: wrap; position: relative !important; top: unset !important; left: unset !important; margin-left: unset !important; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#bild_grossansicht_span #bildergalerie_grossansicht_jetzt .x {width: auto !important; height: auto !important; right: unset !important; top: unset !important; background-color: transparent !important; border: none !important;}
#bild_grossansicht_span #bildergalerie_grossansicht_jetzt img {max-height: 85vh; max-width: 85vw; width: 100%; object-fit: contain;}






/*----------------- Unterseite Galerie Slider mit Vorschaubildern -------------------------------------------*/

.el_slider.el_slider_mit_vorschau {padding: 30px;}
.ausgabe_el_slider_vorschau {width: 100% !important;}
.ausgabe_el_slider_mit_vorschau .ein_sliderbild {padding: 20px;}
.ausgabe_el_slider_vorschau .ein_slider_ausgabe:hover {cursor: pointer;}
.ausgabe_el_slider_mit_vorschau {width: 100% !important;}
.el_slider_mit_vorschau .ausgabe_slidertitel {display: none;}


.el_slider_mit_vorschau .slick-prev {transform: rotate(90deg);}
.el_slider_mit_vorschau .slick-next {transform: rotate(270deg);}
.el_slider_mit_vorschau .slick-next, .el_slider_mit_vorschau .slick-prev {background-image: url("/bilder/button_mobil/burgermenu_symbol_aufklappen_rgb0.svg"); height: 25px; width: 30px; background-repeat: no-repeat; background-size: contain; opacity: 0.5; transition: 0.2s;}
.el_slider_mit_vorschau .slick-next:hover, .el_slider_mit_vorschau .slick-prev:hover {opacity: 0.9;}
.el_slider_mit_vorschau .slick-next:before, .el_slider_mit_vorschau .slick-prev:before {display: none;}




/*----------------- Allgemein Inhalt -------------------------------------------*/

.nurbild_global {margin: 30px 0; background-color: #e6edf1;}
.nurbild_global .nurbild_bilderleiste {width: 100%; justify-content: space-around;}

@media screen and (max-width: 768px) {
.nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe {justify-content: center; display: flex;}
.nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe input[type="image"] {width: auto;}
    }


/*----------------- Unterseiten Vorlage - Galerie 2, Slider -------------------------------------------*/
/*
.gv_galleryWrap {width: 100% !important; height: auto !important;}
.gv_gallery {width: 100% !important; height: 100% !important;}
.gv_panelWrap {width: 100% !important; height: 70vh !important; position: relative;}
.gv_panel {width: 100% !important; height: 70vh !important; position: relative;}
.gv_panel img {position: relative; width: 100% !important; height: 100% !important; top: unset !important; left: unset !important; object-fit: contain;}

.gv_filmstripWrap {position: relative; height: auto !important; width: auto !important; bottom: unset !important; left: unset !important;}
.gv_filmstrip {position: relative; height: auto !important; width: auto !important; left: unset !important;}
.gv_frame img {position: relative;}

.gv_navWrap {position: relative;}

.gv_panelNavNext {height: 100%; width: 50%; display: flex !important; top: 0 !important; background-position: center right; }
.gv_panelNavPrev {height: 100%; width: 50%; display: flex !important; top: 0 !important; background-position: center left;}
*/




/*----------------- Kontakt -------------------------------------------*/

#kontaktformular fieldset {background-color: var(--hauptfarbe_hellhinterg);}
#kontaktformular fieldset legend {background-color: var(--hauptfarbe);}
#kontaktformular #kontaktform_senden input[value="Anfrage senden"] {background-color: var(--hauptfarbe);}












/*----------------- Fuß -------------------------------------------*/

#fuss {background-color: var(--hauptfarbe);}
#fuss a {color: var(--hauptfarbe_hellhinterg);}
#fuss p {color: white; letter-spacing: 0.5px; margin: 0;}
#fuss a:hover {text-decoration: underline;}
#fuss #fuss_innen {width: 1200px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#fuss #fuss_innen #fuss_erste_zeile {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 20px 0 10px 0;}
#fuss #fuss_innen #fuss_erste_zeile_mobil {display: none;}
#fuss #fuss_innen #fuss_erste_zeile p {border-bottom: 2px solid var(--hauptfarbe_hellhinterg); padding: 0 0 10px 0;}
#fuss #fuss_innen #fuss_zweite_zeile {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 30px;}















@media screen and (max-width: 1320px) 
 {
  #bilderleiste #bilderleiste_innen {padding-left: 3vw;}
  #navigation ul {margin-right: 3vw;}

 }




@media screen and (max-width: 992px)
 {
  #fuss #fuss_innen {width: 90%;}
 }




@media screen and (max-width: 768px) 
 {
  #bilderleiste #bilderleiste_innen {padding-left: 0; width: 100%;}
  #bilderleiste a {width: 100%; padding: 3vh 3vw}
  #bilderleiste a img {width: 100%;}
  
  #indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink a {position: absolute; background-color: transparent; top: 0; left: 0; right: 0; bottom: 0; color: transparent;}
  #indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber h2 {font-size: 1.2rem; line-height: 1.2rem; padding-right: 0;}
  #indiv_vorlage1001 .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_slidertext_unter_titel {padding-right: 0;}
  
  
  
  #navi_mobile_2020 {background-color: var(--hauptfarbe);}
  #navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: #483d9c;}
  
  #farbkreis_in_navi {display: flex; height: 5vh; min-height: 30px; position: absolute; top: 0; right: 0; width: 15vw; }
  #farbkreis_in_navi img {padding: 5px;}
  
  
  #indiv_vorlage1001 #startseite_farbkreis_erklaerung {padding: 8%;}
  #indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text h3 {font-size: 1.4rem; line-height: 1.8rem;}
  #indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_text .farbkreis_farbe {width: 100%;}
  #indiv_vorlage1001 #startseite_farbkreis_erklaerung #farbkreis_bild {width: 100%; flex: unset; margin-top: 50px;}
  
  
  #inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: 0 !important; margin-top: 30px;}
  #inhalt #indiv_vorlage1001 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"] {width: 65%;}
  
  
  #inhalt #indiv_vorlage1001 #startseite_goos_presse #bausteinbereiche_bausteine_4 .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe input[type="image"] {height: auto;}
  
  #inhalt #bild_neben_text_position .portrait .bildausgabe input[type="image"] {width: auto; max-width: 100%;}
  
  
  #vorlage1 #text {column-count: 1; flex: none; width: 100%;}
  
  
  #inhalt h1 {font-size: 1.6rem; line-height: 2.5rem;}
  
  
  #fuss #fuss_innen #fuss_erste_zeile {display: none;}
  #fuss #fuss_innen #fuss_erste_zeile_mobil {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 20px 0 10px 0;}
  #fuss #fuss_innen #fuss_erste_zeile_mobil p {width: 100%; text-align: center;}
  #fuss #fuss_innen #fuss_erste_zeile_mobil p:last-of-type {border-bottom: 2px solid var(--hauptfarbe_hellhinterg); padding: 0 0 10px 0;}
 }






/*----------------- Font Roboto -------------------------------------------*/

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('/individuell/fonts/roboto-v27-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/individuell/fonts/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/individuell/fonts/roboto-v27-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/individuell/fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/individuell/fonts/roboto-v27-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/individuell/fonts/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('/individuell/fonts/roboto-v27-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/individuell/fonts/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('/individuell/fonts/roboto-v27-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('/individuell/fonts/roboto-v27-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/individuell/fonts/roboto-v27-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/individuell/fonts/roboto-v27-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/individuell/fonts/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/individuell/fonts/roboto-v27-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/individuell/fonts/roboto-v27-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/individuell/fonts/roboto-v27-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}