@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://www.medicointernational.ch/cms/fonts/lato-300.woff2) local('Lato Light'), local ('Lato-Light') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://www.medicointernational.ch/cms/fonts/lato-400.woff2), local('Lato Regular'), local ('Lato-Regular') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.medicointernational.ch/cms/fonts/lato-700.woff2), local('Lato Bold'), local ('Lato-Bold') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://www.medicointernational.ch/cms/fonts/lato-900.woff2), local('Lato Black'), local ('Lato-Black') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'Rasa';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://www.medicointernational.ch/cms/fonts/rasa-300.woff2), local('Rasa Light'), local ('Rasa-Light') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'Rasa';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://www.medicointernational.ch/cms/fonts/rasa-600.woff2), local('Rasa SemiBold'), local ('Rasa-SemiBold') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Rasa';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://www.medicointernational.ch/cms/fonts/rasa-300-italic.woff2), local('Rasa Light Italic'), local ('Rasa-Light-Italic') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'Rasa';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.medicointernational.ch/cms/fonts/rasa-700-italic.woff2), local('Rasa Bold Italic'), local ('Rasa-Bold-Italic') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/*
    
    01_styles.css
    
    ----------
    fonts
    ----------
    
    ----------
    color
    ----------
    corporate red: #fb0139
    dark red: #a91322
    dark gray: #494440
    middle gray: #7c7b70
    light gray: #BEBDB8
    very light gray: #E9E8E5   
    
    ----------
    font-size
    ----------
    h1: 1.9rem
    h2: 1.5rem
    h3: 1.3rem
    p:  1.1 rem
    
    */



body {
    font-family: 'Rasa', serif !important;
    font-weight: 300;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background-color: white;
    background-color: transparent;
}


/*bootstrap ränder mobil entfernen*/
.row {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a {
    font-family: 'Lato' !important;
    font-weight: 900 !important;
}

h3 {
	padding-bottom:.5em !important;
}

/*


.spezialtext  {
	display:inline-block;
}

.spezialtext h6 {
	margin-left: .5em;
	font-size:1.3rem !important;
	
}

.spezialtext h6:first-child{
}

.spezialtext h6:first-child::first-letter {
	font-size: 1.7rem !important; 
    letter-spacing: 5px;
    margin-left: -1em;
}



*/

.spezialtext  {
	margin: 1em 0 2em 0;
	display:inline-block;
}

.spezialtext p.pfeile {
	margin-left: 1.50em !important;
	font-size:1.3rem !important;
	line-height: 130%;
    font-family: 'Rasa', serif;
    /*
    font-style: italic;
    */
    font-weight: 700 !important;	
}


.spezialtext p.pfeile::before {
	content:'➔';
	margin-left:-1.5em;
	margin-right:.5em;
	display:inline-block;
	color:#fb0139;
	font-size:1.3rem;
	line-height: 130%;
}

/*
.spezialtext h6 {
	margin-left: 1.25em;
	font-size:1.3rem;
    font-family: 'Rasa', serif;
    font-weight: 700;
}


.spezialtext h6::before {
	content:'➔';	
	margin-left:-1.5em;
	margin-right:.5em;
	display:inline-block;
	color:#fb0139;
	font-size:1.1rem;
}
*/

strong {
    font-family: 'Rasa', serif;
    font-weight: 600 !important;
}


strong em,
em strong {
    font-family: 'Rasa', serif;
    font-style: italic;
    font-weight: 700 !important;
}


.hellgrauerBalken {
    border: 10px solid #f3f3f3;
}

.schwarzerBalken {
    border: 10px solid #000;
}

.dunkelgrauerBalken {
    border: 10px solid #7C7B71
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*--  --  --  --  --  Header  --  --  --  --  --  */
/*------------------------------------------------*/
/*------------------------------------------------*/


.header {
    min-width: 320px;
    width: 100%;
    margin: 0;
    padding: .5em 0 0 0;
    display: block;
}

.logo-spende-toggle {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.logo-spende-toggle .logo {
    width: 60vw;
    max-width: 259px;
    margin: 0;
    padding: 0.5em 0 0 1.25em;
}

.logo-spende-toggle .logo img {
    width: 52.75vw;
    max-width: 237px;
}

.logo-spende-toggle .spende-toggle {
    width: 40vw;
    max-width: 176px;
}

.logo-spende-toggle .spende-toggle .spende {
    margin: 0;
    padding: .5em 1.2em 0 0;
    width: 100%;
}

.logo-spende-toggle .spende-toggle .spenden-button {
    width: 100%;
    max-width: 156px;
    padding: 0.75em 0;
    /*
        font-family: 'Syntax Next LT W01 Bold';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    text-align: center;
    background-color: #fb0139;
}

.logo-spende-toggle .spende-toggle .spenden-button a {
    color: white;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
}

.logo-spende-toggle .spende-toggle .spenden-button a:hover {
    color: black;
    text-decoration: none;
}

.logo-spende-toggle .spende-toggle .toggle-icon {
    margin: 1em 1.25em .3em 0;
    padding: 0;
}

.logo-spende-toggle .spende-toggle .toggle-icon img {
    float: right;
    width: 17%;
}

.toggle-function {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    margin-top: 0.5em;
    background-color: #fb0139;
    background-color: white;
    border: 1px solid white;
    background-color: black;
    background-color: white;
    color: white;
    background-color: #bebdb8;
}

.form {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0.25em;
}

.textfeld {
    margin: 0.3em 0 0.5em 0;
    padding: 0.23em 1em;
    width: 80vw;
    border-radius: 0;
    border: none;
    background-color: white;
    color: black;
    /*
    font-family: 'Syntax Next LT W01 Bold';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.8em;
    border: 1px solid #bebdb8;
}

.search-desktop {
    display: none;
}

input#lupe1,
input#lupe2 {
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 27px;
    height: 27px;
    margin-right: 1.25em;
    margin-left: 0.5em;
}

.toggle-nav {
    float: right;
    text-align: right;
    margin-bottom: 1.5em;
}

.toggle-news {
    border-top: 1px solid white;
}

.toggle-nav .toggle-regionen-projekte,
.toggle-nav .toggle-themen,
.toggle-nav .toggle-regionen,
.toggle-nav .toggle-ueberuns,
.toggle-nav .toggle-bulletin {
    /*
    font-family: 'Syntax Next LT W01 Bold';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: .9em;
    padding: 0.5em 1.25em 0.5em 0.5em;
}

.toggle-nav .toggle-regionen-projekte,
.toggle-nav .toggle-themen,
.toggle-nav .toggle-regionen,
.toggle-nav .toggle-ueberuns {
    border-bottom: 1px solid #bebdb8;
}

.toggle-nav a,
.nav a {
    color: #fb0139;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
}

.toggle-nav a:hover,
.nav a:hover {
    color: #fb0139;
}

.toggle-nav a.active,
.nav a.active {
    color: black;
    text-decoration: none;
}

.logo-nav-lupe-spende {
    display: none;
}

.logo-font-desktop {
    display: none;
}

.search-desktop {
    display: none;
}


/*------------------------------------------------*/
/*------------------------------------------------*/
/*--  --  --  --  Übergeordnetes  --  --  --  --  */
/*------------------------------------------------*/
/*------------------------------------------------*/



.sub-sitemap,
.sub-sitemap-zweispaltig {
    margin: 0;
    padding: 0;
}

.headline h1,
.headline-news h1,
.sub-sitemap h1.person-einzelseite,
.sub-sitemap-zweispaltig .zweispaltig h1,
.header-hashtags h1.header-hashtags,
.veranstaltungsliste .headline h1,
.headline-bulletin h1 {
    /*
    font-family: 'SyntaxNextLTW01-Heavy';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.9rem;
    line-height: 110%;
    color: #494440;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}


.headline h1,
.sub-sitemap h1.person-einzelseite,
.sub-sitemap-zweispaltig .zweispaltig h1,
.headline-bulletin h1 {
    margin: 2em 0 0 0 !important;
    padding: .5em;
}

.veranstaltungsliste .headline h1 {
    margin: .75em 0 0 0 !important;
    padding: .5em;
}

.headline h1 {
    margin-bottom: .5em !important;
}


.header-hashtags h1.header-hashtags {
    margin-top: 2em;
    padding: .5em 0;
}

.lead-hashtags p {
    padding-right: 0;
    padding-left: 0;
}

.veranstaltungsliste .headline h1 {
    padding: 0;
}

h1 a {
    color: #494440 !important;
    text-decoration: none;
}

h1 a:hover {
    text-decoration: underline;
}


h2,
news-varia h2,
.news-varia-themen h2,
.personenliste .person .bereich-titel h2,
.personenliste .person .bereich-titel h2.person-name {
    padding: 0;
    margin: 0;
    /*
    font-family: 'SyntaxNextLTW01-Heavy';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.6rem;
    line-height: 110%;
    color: #494440;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

/*11.12.23*/
h2.funktion-jahrespartnerschaft {
    margin: -1em 0 0 0;
    padding: 0 .75em .5em .75em;
    /*
    padding: 0 .75em 1em .75em; 
    */   
    font-size: 1.2rem;
    font-weight:600;
    line-height: 110%;
    color: #494440;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

h2 a,
news-varia h2 a,
.news-varia-themen h2 a {
    padding: 0;
    margin: 0;
    /*
    font-family: 'SyntaxNextLTW01-Heavy';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.6rem;
    line-height: 110%;
    color: #494440;
    text-decoration: none;
}

h2 a:hover,
news-varia h2 a:hover,
.news-varia-themen h2 a:hover {
    text-decoration: underline;
}

.text h2 {
    /*
    font-family: 'SyntaxNextLTW01-Heavy';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    padding-top: 1em !important;
}

h3,
.person-rest .subheadline h3.funktion {
    padding: 0;
    margin: 0;
    /*
    font-family: 'SyntaxNextLTW01-Heavy';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.3rem;
    line-height: 110%;
    color: #494440;
}

p,
.text p,
.projektkacheln p {
    padding: 0;
    margin: 0;
    /*
    font-family: 'Charter ITC W01';
    */
    font-family: 'Rasa', serif !important;
    font-weight: 300;
    font-size: 1.2rem !important;
    line-height: 140%;
    color: #000;
}

ul,
.text ul {
    margin-left: 0;
    padding-left: 1em;
}


.text li {
    margin-left: 1em;
    list-style: none;
    font-size: 1.1rem;
    line-height: 150% !important;
}

.text li:before {
    margin: 0 0 0 -.65em;
    padding: 0 .25em 10px 0 !important;
    content: "›";
    font-size: 1.6rem;
    vertical-align: middle;
}



/*----       p.lead      ---*/

p.lead,
.text p.lead,
.lead-hashtags p.lead-hashtags,
.veranstaltungsliste p.lead,
.lead-bulletin p.lead {
    padding: 0;
    padding-bottom: .25em;
    margin: 0;
    /*
    font-family: 'SyntaxNextLTW01-Heavy';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    line-height: 140%;
    color: #494440;
}

.text p.lead {
    padding-bottom: 1em;
}

.veranstaltungsliste p.lead {
    padding: .5em 0 1em 0;
}

.lead-bulletin p.lead {
    padding: 0 0 0 1em;
}

.text p.autor {
    /*
        font-family: 'SyntaxNextLTW01-Light';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    margin: -.75em 0 0 0;
    padding-bottom: 1em;
    font-size: .9rem !important;
}

.personenliste .person .quote {
    padding: 0;
    margin: 0;
    /*
        font-family: 'Charter ITC W01 Italic';
        */
    font-family: 'Rasa', serif !important;
    font-style: italic !important;
    font-weight: 300;
    font-size: 1.05rem;
    line-height: 140%;
}

a {
    text-decoration: none;
    color: #fb0139;
}

a:hover {
    text-decoration: underline;
    color: #fb0139;
}


a.hash {
    padding-right: 0.5em !important;
    white-space: nowrap;
}

span.hash-number {
    line-height: 0 !important;
}

a.hash span.hash-number {
    font-size: 1.2rem;
    font-weight: bold;
    padding-right: .1em;
}


/*------------------------------------------------*/
/*------------------------------------------------*/
/*--  --  --  --  Sub-Sitemap  --  --  --  --  -- */
/*------------------------------------------------*/
/*------------------------------------------------*/

.sub-sitemap,
.sub-sitemap-zweispaltig {}

/*----    .ausProjekt    ---*/
.sub-sitemap .ausProjekt,
.sub-sitemap-zweispaltig .ausProjekt,
.ausProjekt {
    padding: 1em 0 0 1.5em;
    margin: 0;
    /*
    font-family: 'Syntax Next LT W01 Regular';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: .9rem;
    color: #000
}

/*---  .weitereBereiche  ---*/
.sub-sitemap .weitereBereiche,
.sub-sitemap-zweispaltig .weitereBereiche {
    padding: .25em 3em .5em 3em;
    /*
    font-family: 'Syntax Next LT W01 Bold';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: .8rem;
    border-top: 1px solid rgb(230, 230, 230);
    border-bottom: 1px solid rgb(230, 230, 230);
}

/*----       .navi       ---*/
.sub-sitemap .weitereBereiche .navi a,
.sub-sitemap-zweispaltig .weitereBereiche .navi a {
    padding: 0;
    margin: 0;
    /*
    font-family: 'Syntax Next LT W01 Regular';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: .8rem;
    color: #494440;
    text-decoration: none;
}

.sub-sitemap .navi a:hover,
.sub-sitemap-zweispaltig .navi a:hover {
    text-decoration: underline;
}

/*----      .datum       ---*/

.news-datum,
.news-datum span {
    padding: 0;
    margin: 0;
    /*
    font-family: 'Syntax Next LT W01 Regular';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: .8rem;
}

/*----     .hashtags     ---*/
.hashtags a,
.news-hashtags a {
    padding: 0;
    margin: 0;
    /*
    font-family: 'Syntax Next LT W01 Regular';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: .8rem;
    text-transform: uppercase;
    color: #fb0139;
}

/*----     img     ---*/
.text img {
    max-width: 100%;
    margin: 0;
    padding: 0;
}


/*------------------------------------------------*/
/*------------------------------------------------*/
/*--  --  --  --  --   Main   --  --  --  --  --  */
/*------------------------------------------------*/
/*------------------------------------------------*/


.main {
    margin: 1em 0 0 0;
    padding: 0 1em;
    width: 100%;
    min-height: 40vh;
}

.headline {
    margin: 0;
    padding: 0;
}

.headline .hashtags {
    display: block;
    margin: 0 0 1em 1em;
    padding: 0;
}

.headline .hashtags a {
    display: block;
    /*
    font-family: 'Syntax Next LT W01 Regular';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #fb0139;
    text-decoration: none;
    font-size: .8rem;
}

.headline .hashtags a:hover {
    text-decoration: underline;
}

/*-------------------------*/
/*------Text allgemein-----*/
/*-------------------------*/

.text {
    width: 100vw;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.text p.bildhinweis {
    /*
        font-family: 'SyntaxNextLTW01-Light';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    font-size: .7rem !important;
    margin: .25em 0 2em 0;
    padding: 0 1em;
}


/*- - -  ---------------------------------------------- - - -*/
/*- - -  1. Home-Newsseite - Kachel - Slider - Aktuell  - - -*/
/*- - -  ----------------------------------------------- - - -*/

.news-intro-mobile {
    width: 100%;
    display: block;
    margin: 0 0 2em 0;
    padding: 0;
    height: 30vh;
}

.news-intro-mobile .kachel-slider {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.news-intro-mobile .kachel-slider .slider-mobile {
    margin: 0;
    padding: 0;
    height: 30vh;
    width: 100%;
    background-color: #494440;
}

.news-intro-mobile .kachel-slider .slider-mobile #carouselExampleControls {
    margin: 0;
    padding: 0;
    display: block;
    height: 30vh;
    width: 100%;
    margin: 0 auto;
    height: 100% !important;
}

.news-intro-mobile .kachel-slider .slider-mobile #carouselExampleControls .carousel-inner {
    margin: 0;
    padding: 0;
    display: block;
    height: 30vh;
    width: 100%;
    margin: 0 auto;
    height: 100% !important;
}

.news-intro-mobile .kachel-slider .slider-mobile #carouselExampleControls .carousel-inner .carousel-item {
    width: 100%;
    height: 30vh;
    height: 100% !important;
}

.news-intro-mobile .kachel-slider .slider-mobile #carouselExampleControls .carousel-inner .carousel-item .fokus {
    width: 100%;
    height: 30vh;
    /*
        font-family: 'SyntaxNextLTW01-Heavy';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    background-position: center center;
    background-size: cover;
    height: 100% !important;
    padding-top: 13vh;
    text-align: center;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    -o-hyphens: none !important;
    hyphens: none !important;
}


.news-intro-mobile .kachel-slider .slider-mobile #carouselExampleControls .carousel-inner .carousel-item .fokus a {
    width: 100%;
    height: 30vh;
    /*
        font-family: 'SyntaxNextLTW01-Heavy';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    background-position: center center;
    background-size: cover;
    height: 100% !important;
    text-align: center;
    padding: .25em;
    background-color: black;
}

.news-intro-mobile .news-kacheln {
    margin: 0;
    padding: 0;
    width: 100%;
}

.news-intro-mobile .news-kacheln .oben {
    width: 100% !important;
    display: block;

}

.desktop {
    display: none;
}



.news-intro-mobile .news-kacheln .oben .kachel-links {
    color: white;
    /*
        font-family: 'SyntaxNextLTW01-Heavy';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    height: 30vh;
    background-color: #fb0139;
}

.news-intro-mobile .news-kacheln .oben .kachel-links a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.news-intro-mobile .news-kacheln .oben .kachel-links a .start {
    padding-top: 15vh;
}

.news-intro-mobile .news-kacheln .oben .kachel-links:hover a .start {
    filter: brightness(110%);
    /*
        font-family: 'SyntaxNextLTW01-Heavy' !important;
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    text-decoration: underline;
}

/*-------------------------*/
/*  Newsseite Kachel Agenda
    /*-------------------------*/

.news-intro-mobile .news-kacheln .unten .kachel-rechts {
    color: white;
    /*
        font-family: 'SyntaxNextLTW01-Heavy';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    height: 30vh;
    background-color: #CA1722 !important;
}

.news-intro-mobile .news-kacheln .unten .kachel-rechts a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.news-intro-mobile .news-kacheln .unten .kachel-rechts a .start {
    padding-top: 15vh;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
}

.news-intro-mobile .news-kacheln .unten .kachel-rechts:hover a .start {
    filter: brightness(110%);
    /*
        padding-top: 13vh;
        */
    /*
        font-family: 'SyntaxNextLTW01-Heavy' !important;
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    /*
        font-size: 2.4rem;
        */
    text-decoration: underline;
}


/*---------------------------------------------*/
/*---------       News-Liste        -----------*/
/*---------------------------------------------*/

.headline-news {
    text-align: center;
    margin-bottom: 1rem;
}

/*introseite*/
.headline-news h1 {
    color: #F7023D;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2.4rem;
    padding-bottom: .5em;
    /*
        font-family: 'Lato', sans-serif !important;   
        font-weight:900 !important;
        font-family: 'Rasa', serif !important;
        font-weight:600 !important;
        */

}


.headline-news-mobile {
    width: 100%;
    margin-top: 60vh;
    padding: 0;
    display: block;
}

.news-liste {
    width: 100%;
    margin: 0 auto;
}

.news-holder {
    margin-bottom: 2rem;
    padding: 0 1.25em;
}

.news-holder .news-left h2 {
    line-height: 110%;
    padding-top: 0.5em;
    padding-bottom: .5em;
}

/*11.12.23*/
.news-holder .news-left h3.subtitel-japa {
    line-height: 110%;
    padding-top: 0.5em;
    padding-bottom: .5em;
    font-size:1.1rem;
    font-family: 'Lato', sans-serif !important;   
    font-weight:600 !important;     
    
}

.news-holder .news-left h2 a {
    /*
        font-family: 'SyntaxNextLTW01-Heavy';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.6rem;
    text-decoration: none;
    color: #494440;

}

.news-holder .news-left h2 a:hover {
    text-decoration: underline;
}

.news-holder .news-left .news-varia {
    display: block;
    margin: 0;
    padding: 0;
}

.news-holder .news-left .news-varia .news-datum {
    /*
        font-family: 'SyntaxNextLTW01-Light';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #494440;
    padding: 0;
    margin: 0;
}

.news-holder .news-left p {
    font-size: 1.2rem !important;
    line-height: 140% !important;
}

/*
    kommt hier vor:
    -Homeliste
    -Projektefokusliste
    -Themenliste
    */
.news-holder img {
    max-width: 100%;
    margin: 0;
    padding: 1em 0 2em 0;
}


/*- - -  ------------------------------ - - -*/
/*- - -     2. Veranstaltungsliste      - - -*/
/*- - -  ------------------------------ - - -*/

/*
    varia layout
    kommt auch bei spende vor
    */

.veranstaltungsliste {
    display: block;
    padding-top: 2em;
    width: 100%;
    margin: 0 auto;
}

.veranstaltungsliste .headline {
    width: 100%;
}

.veranstaltungsliste .headline h1 {}

/*umfasst content und bild*/
.veranstaltungsliste .article {
    width: 100%;
    display: block;
    margin-bottom: 2em;
}

/*umfasst die anderen inhalte*/
.veranstaltungsliste .article .content {
    display: block !important;
    width: 100%;
}

.veranstaltungsliste .article .content .date {
    width: 100%;
    /*
        font-family: 'SyntaxNextLTW01-Medium';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: black;
}

.veranstaltungsliste .article .content .ort {
    width: 100%;
    /*
        font-family: 'SyntaxNextLTW01-Light';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    font-size: 0.9rem;
    text-transform: none;
    letter-spacing: none;
    color: #494440;
}

.veranstaltungsliste .article .content .title {
    width: 100%;
}

.veranstaltungsliste .article .content .title h2 {
    line-height: 100%;
    padding-top: 0.5em;
}

.veranstaltungsliste .article .content .title h2 a {
    /*
        font-family: 'SyntaxNextLTW01-Heavy';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.5rem;
    text-decoration: none;
    color: #494440;
}

.veranstaltungsliste .article .content .title h2 a:hover {
    text-decoration: underline;
}

.veranstaltungsliste .article .content .text {
    margin: 0;
    padding: 0;
    width: 100%;
}

.veranstaltungsliste .article .content .text p {
    margin: 0;
    padding: 0;
    font-size: 1.2rem !important;
    line-height: 140% !important;
}


.veranstaltungsliste .article .image-veranstaltung {
    display: block;
    width: 100%;
    padding-top: 1em;
}

.veranstaltungsliste .article .image-veranstaltung img {
    display: block;
    width: 100%;
}

/*-------------------------------------------------------*/
/*---------       Veranstaltung Einzelseite        ------*/
/*-------------------------------------------------------*/

h1.veranstaltung {
    width: 200%;
}

.text .date {
    width: 100%;
    /*
        font-family: 'NextLTW01-Medium';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: black;
}

.text .ort {
    width: 100%;
    /*
        font-family: 'SyntaxNextLTW01-Light';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    font-size: 0.9rem;
    text-transform: none;
    letter-spacing: none;
    color: #494440;
}

.text .veranstaltungsbild {
    width: 88vw;
    height: auto;
    margin: 1em 0;
}

.text .veranstaltungsbild img {
    width: 100%;
    height: 100% !important;
}


/*- - -  -------------------------- - - -*/
/*- - -  3. Projektseite - Kacheln  - - -*/
/*- - -  -------------------------- - - -*/


.headline-kachel-uebersicht {
    display: none;
    display: block !important;
}

.kacheln {
    margin: 0 auto;
    padding: 0;
}

.kacheln {
    margin-top: 4.75em;
}

.kacheln .kachel {
    display: flex;
    position: relative;
    align-items: center;
    border-top: 0 solid white;
    border-right: 20px solid white;
    border-bottom: 20px solid white;
    border-left: 20px solid white;
}

/* RM --> */
.kacheln .kachel .hover {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.kacheln .kachel:hover .hover {
    display: block;
}

.kacheln .kachel .place-holder {
    display: inline-block;
    margin: 0 auto;
    text-transform: uppercase;
    color: white;
    font-size: 1.3rem;
    letter-spacing: 2px;
    padding: 50% 0;
}


.kacheln .kachel .text-holder {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 0px;
    top: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
    text-align: center;
}

/* <-- RM */

.kacheln .kachel-weiss .text-holder h1.kachel {
    /*braucht es, sonst bleibt die Breite nicht bestehen!*/
    border: 1px solid transparent;
}

.kacheln .kachel-weiss .text-holder h1.kachel a {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.kacheln .kachel .text-holder a {
    /*
        font-family: 'Syntax Next LT W01 Bold';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.4rem;
    line-height: 120%;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
}

.kacheln .kachel-weiss {
    text-transform: none;
    color: #000;
    background-color: #FFF;
    margin: 0;
    padding: 0;

}

.kacheln .kachel-weiss:hover {
    background-color: #FFF;
}

.kacheln .kachel-weiss .place-holder {
    padding: 0;
}


.kacheln .kachel-weiss .text-holder {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    color: #494440;
}


.kacheln .kachel-weiss .text-holder a {
    font-size: 1.9rem;
    /*
        font-family: 'SyntaxNextLTW01-Heavy';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    color: #494440;
    display: block;
    padding: 0;
    margin: 0 auto;
}

.kacheln .kachel-grau {
    background-color: #494440;
}

.kacheln .kachel-grau:hover {
    background-color: #5D5650;
}

.kacheln .kachel-grau .text-holder a:hover {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0;
    margin: 0;
}

.kacheln .kachel-hellrot {
    background-color: #FB0139;
}

.kacheln .kachel-hellrot:hover {
    background-color: #FF4356;
}


.kacheln .kachel-rot {
    background-color: #A91322;
}

.kacheln .kachel-rot:hover {
    background-color: #7c101a;
}

.content-holder {
    margin: 0;
    padding: 0;
}

.text {
    margin: 0;
    padding: 0 1.25em;
}

.text p {
    margin: 0;
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 1.2rem !important;
}

/*-----------------------------------------------*/
/*----- Projekte Introseite Multi-Galerien ------*/
/*-----------------------------------------------*/

.headline h1.multi-galerie,
.headline h1.news {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    width: 200%;
}

.kacheln h1.bildgal-auswahl {
    margin: 0;
    padding: .5em .5em .5em .6em;
}

.blockList {
    margin: 0 auto;
    padding: 0 20px !important;
}

.blockList .block {
    margin: 0 auto;
    padding: 0 0 1em 0;
}


.blockList .block .bildgal-auswahl-image .image {
    padding: 0;
    margin: 0;
    border: 0;
}

.blockList .block .bildgal-auswahl-image .image a img {
    padding: 0;
    width: 100%;
    height: auto;
    border: 0;
}


.blockList .block .bildgal-auswahl-text {
    /*
        font-family: 'SyntaxNextLTW01-Medium';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1rem;
    color: #494440;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    -o-hyphens: none !important;
    hyphens: none !important;
    text-decoration: none;
    padding: .5em 0 1em 0;
}

.blockList .block .bildgal-auswahl-text a {
    color: #494440;
}


/*---------------------------------------------------------*/
/*----------Projektseite Bildergalerie-Einzelseite --------*/
/*---------------------------------------------------------*/

.bildergalerie-multi {
    position: relative;
    margin: 0 auto;
    display: block;
}

.bildergalerie-multi .bildgal {
    position: relative;
    width: 100%;
}

.bildergalerie-multi .bildgal .image-holder {
    height: 100%;
    width: 100%;
}

.bildergalerie-multi .bildgal .image-holder img {
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.bildergalerie-multi .bildgal .text-holder {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.bildergalerie-multi .bildgal .text-holder .title-holder {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.bildergalerie-multi .bildgal .text-holder .title-holder h3 {
    text-align: center;
}

.bildergalerie-multi .bildgal .text-holder .title-holder h3 a {
    /*
        font-family: 'Syntax Next LT W01 Regular';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.1rem;
    color: black;
}

.content-holder .text h2 {
    padding-bottom: .5em;
}


/*---------------------------------------------*/
/*-----------Projektseite Fokus Liste ---------*/
/*---------------------------------------------*/

.sub-sitemap-zweispaltig .zweispaltig h1 {
    margin: 0;
    padding: .5em;
}


.text {
    margin-top: 0;
}

.text p.lead-liste {
    padding: 0;
    margin: -2em 0 1em 0;
    /*
        font-family: 'SyntaxNextLTW01-Heavy';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1rem;
    line-height: 140%;
}


.news-holder-fokus {
    display: block;
    margin: 0;
    padding: 0;

}

.news-holder-fokus .news-left .news-hashtags {
    margin: 0;
    padding: .25em 0 0 0;
    display: block !important;
    line-height: 100%;
}

.news-holder-fokus .news-left .news-hashtags a {
    /*
        font-family: 'Syntax Next LT W01 Regular';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    color: #fb0139;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0 !important;
    display: block;
    font-size: .8rem;
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    padding-bottom: .25em;
}

.news-holder-fokus .news-left .news-hashtags a:hover {
    text-decoration: underline;
}

.news-holder-fokus .news-left h2.titel-fokus,
/*11.12.23*/
.news-holder-fokus .news-left h3.subtitel-japa {
    margin: .25em 0 .5em 0;
    padding: 0 1em 0 0 !important;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


.news-holder-fokus .news-left .news-varia {
    padding: 0 0 .5em 0;
    margin: 0;
}

.news-holder-fokus .news-left .news-varia .news-datum {
    padding: 0;
    margin: 0;
}

.news-holder-fokus .news-left .news-varia .news-datum span {
    padding: 0;
    margin: 0;
}

.news-holder-fokus .news-right {
    margin: 0 0 3em 0;
    padding: 0;
}

.news-holder-fokus .news-right img {
    margin: 0;
    padding: 0;
}

/*---------------------------------------------*/
/*--------Projektseite Fokus Einzelseite ------*/
/*---------------------------------------------*/


.text pre {
    width: 88vw;
    height: auto;
    margin: 1em 0;
}

.text pre img {
    width: 100%;
    height: 100% !important;
}

.text h2 {
    padding-bottom: .5em;
}


/*- - -  -------------------------- - - -*/
/*- - -  4. Themenseite - Kacheln  - - -*/
/*- - -  -------------------------- - - -*/
.kacheln-themen {
    padding-top: 1em;
    margin-top: 3em;
    margin-bottom: 4em;

}

.kacheln .kachel .text-holder-hashtags {
    text-decoration: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
    padding: 0 1em;
}

.header-hashtags {
    margin: 0;
    padding: 0 1.25em .5em 1.25em;
}

.lead-hashtags {
    margin: 0;
    padding: 0 1.25em .75em 1.25em;
}

.lead-hashtags p.lead-hashtags {
    margin: 0;
    padding: 0;
}

/*---------------------------------------------*/
/*---------------- Themen-Liste ---------------*/
/*---------------------------------------------*/

.news-holder-themen {
    display: block;
    margin: 0;
    padding: 0;
}

.news-holder-themen .news-left-themen {
    padding: 0 1em;
}

.news-holder-themen .news-varia-themen h2 {
    margin: 0;
    padding: .25em 0 .5em 0 !important;
}

.news-holder-themen .news-varia-themen h2 a {
    margin: 0;
    padding: 0;
}


.news-holder-themen .news-right-themen img {
    display: block;
    width: 100%;
    padding: 1em;
    margin: 0 auto;
}


/*- - -  -------------------------- - - -*/
/*- - -     5. Ueber uns - Kacheln  - - -*/
/*- - -  -------------------------- - - -*/

.headline-bulletin h1 {
    margin: 0;
    padding: 0 .15em;
}

.lead-bulletin p.lead {
    margin: 0;
    padding: .5em .25em;
}

/*---------------------------------------------*/
/*------------- Ueber-uns-Liste ---------------*/
/*---------------------------------------------*/


.personenliste h2.titelgruppe {
    font-size: 1.7rem;
    margin-top: 50px;
    padding-top: 0 !important;
    padding-bottom: 0;
    margin-bottom: -2em;
    /*
        border: 1px solid red;
        */

}

.personenliste .textgruppe {
    padding-top: 3em;
    margin-bottom: -2em !important;
}

.personenliste .textgruppe {
    margin-top: 15px;
    margin-bottom: 10px;
    padding-bottom: 0 !important;
}

.personenliste .textgruppe p:last-child {
    padding-bottom: 0 !important;
}


.person .zweispaltig {
    display: block;
}

.person .zweispaltig .person-name-person-bild .headline h2.person-name {
    font-size: 1.4rem;
    margin-top: 2em;
}

.person .zweispaltig .person-name-person-bild .image-team {
    margin: 0;
    padding: 0;
    width: 100%;
}

.person .zweispaltig .person-name-person-bild .image-team img {
    margin: 0;
    padding: 0;
    width: 100%;
}


.person .zweispaltig .person-rest .subheadline h3.funktion {
    padding-top: .5em;
    padding-bottom: .25em;
    text-transform: uppercase;
    /*
    font-family: 'SyntaxNextLTW01-Medium';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.1rem;
    text-decoration: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

.person .zweispaltig .person-rest .text {
    width: 100%;
    margin: 0;
    padding: 0;
}

.person .zweispaltig .person-rest .text p {
    margin: 0;
    padding: 0 0 .25em 0;
    font-size:1.2rem !important;
}


.person .zweispaltig .person-rest .text p em {
    /*wichtig, da sonst echter Schriftschnitt italic nicht greift!*/
    /*
    font-family: 'Charter ITC W01 Italic';
    */
    font-family: 'Rasa', serif !important;
    font-style: italic !important;
    font-weight: 300;
    font-size:1.2rem !important;
}

.personenliste .person .quote {
    margin: 0;
}


/*---------------------------------------------*/
/*---------- Ueber-uns-Einzelseite ------------*/
/*---------------------------------------------*/

h1.ueber-uns {
    width: 200%;
    margin-bottom: 0 !important;
}

.headline h2.funktion-einzelseite {
    text-transform: uppercase;
    /*
    font-family: 'SyntaxNextLTW01-Medium';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    width: 200%;
    font-size: 1.1rem;
    margin: 0 !important;
    padding: 0 .75em !important;
}

h2.gruppe-x,
.gruppe-x {
    display: none;
}

.veranstaltungsbild {
    padding: 1em 0;
}

.text p em {
    /*
    font-family: 'Charter ITC W01 Italic';
    */
    font-family: 'Rasa', serif !important;
    font-style: italic !important;
    font-weight: 300;
}


/*------  Zitate  -------*/

.zitate-outside h2 {
	padding-bottom:1em !important;
}
    
.zitate-outside {
    margin: 0 !important;  
}
    
.zitate {
    width:100% !important;
	display:flex !important;
	margin:0;
	padding:0;
}

.zitate .ausrichtung-oben {
	display:flex;
	align-items:top;
	margin:0;	
	padding:0;		
}
	
.zitate p.zeichen-oben {
	font-size:48px !important;
	display:block !important;
	margin:10px 0 0 0 !important;
	line-height:0;
	padding:0;
}
	
.zitate p.text {
	margin:0;
	padding:0 2% !important;
	font-size:1.3rem !important;
	line-height:130%;
}
	
.zitate .ausrichtung-unten {
	display:flex;
	align-items:flex-end;
	margin:0;	
	padding:0;
}
	
.zitate p.zeichen-unten {
	font-size:48px !important;
	display:block !important;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	line-height:0;	
}
	
.zitate-outside p.autor {
	font-size:1rem !important;
	padding-top: 1.5em;
	padding-bottom:3em;
}


/*---------------------------------------------*/
/*------------------ Bulletin -----------------*/
/*---------------------------------------------*/


.bulletin-jahr {}

.bulletin-jahr img {
    width: 49%;
}


/*- - -  -------------------------- - - -*/
/*- - -            6. Varia         - - -*/
/*- - -  -------------------------- - - -*/


/*---------------------------------------------*/
/*------------------  Spende  -----------------*/
/*---------------------------------------------*/

.legate {
    display: block;
    padding-bottom: 2em;
}

.legate .legate-image {
    padding-bottom: 1em;
}


.headline h1.varia {
    width: 200%;
}

ul.sucheBlaettern {
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
}

ul.sucheBlaettern li {
    padding-right: .5em;

}


.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1em;
}

.pagination .range {
    font-size: .8rem;

}


.pagination .page a {
    font-size: .8rem;
}





/*-------formular----------*/
#contact_form {
    width: 100%;
    margin-top: 1em;
}

#contact_form hr.clearfix {
    display: none;
}

#contact_form .nl-mail,
#contact_form .nl-dropdown,
#contact_form .nl-submit {
    display: flex;
    justify-content: flex-start;
    margin-bottom: .5em;
}


#contact_form .nl-mail label.nl-mail,
#contact_form .nl-dropdown label.nl-dropdown,
#contact_form .nl-submit .nl-submit-inside {
    /*
    font-family:'Charter ITC W01';
    */
    font-family: 'Rasa', serif !important;
    font-weight: 300;
    width: 50px;
}


#contact_form .nl-mail input {
    /*
    font-family:'Syntax Next LT W01 Regular';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    width: 80%;
    padding: .15rem .25rem;
    border: 1px solid #bebdb8;
    background-color: white;
    color: black;
    border-radius: 0;
}

#contact_form select.eingabe {
    /*
    font-family: 'SyntaxNextLTW01-Medium';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: .9rem;
    padding: 0;
    padding-left: .5rem;
    margin: 0;
    border: 1px solid #bebdb8;
    background-color: white;
    color: black;
    border-radius: 0;
    width: 80%;
}

#contact_form .nl-submit {
    margin-top: 1em;
}

#contact_form .nl-submit input {
    /*
    font-family: 'SyntaxNextLTW01-Medium';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: .9rem;
    padding: .25rem .5rem;
    margin: 0;
    border: 1px solid #bebdb8;
    background-color: white;
    color: black;
    border-radius: 0;
}


#contact_form .policy {
    margin-top: 1em;
    display: flex;
    justify-content: flex-start;
    margin-bottom: .5em;
}

#contact_form .space {
    width: 50px !important;
}


#contact_form input.checkbox {
    float: right !important;
    width: 20px;
    margin-top: .35em !important;
    border: 1px solid #bebdb8;
}

#contact_form label.privacy {
    /*
    font-family:'Charter ITC W01';
    */
    font-family: 'Rasa', serif !important;
    font-weight: 300;
    width: 90%;
}


/*-------ende formular----------*/

/*-------------------*/
/*------footer-------*/
/*-------------------*/

.footer-small {
    background-color: #7C7B70;
    color: white;
    padding: 2em 0 1em 0;
    display: block;
}

.footer-small .special-links {
    display: block;
    margin-bottom: 1em;
}


.footer-small .special-links a {
    /*
    font-family: 'Syntax Next LT W01 Bold';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: .9em;
    text-transform: none;
    color: white;
    display: block;
    text-align: center;
}

.footer-small .special-links a:hover {
    text-decoration: underline;
}


.footer .special-links div a img {
    margin-top: .5em;
}

.footer-small .additional {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.footer-small .socials {
    margin-bottom: 1em;
}

.footer-small .socials>div {
    display: inline-block;
}

.footer-small .socials>div:not(:last-child) {
    margin-right: 10px;
}

.footer-small .socials .facebook img,
.footer-small .socials .instagramm img {
    height: 24px;
}

@media (max-width: 575px) {
    .footer-small .socials {
        text-align: center;
    }
}

.footer-small .additional .newsletter,
.footer-small .additional .bulletin {
    margin: 0 auto;
    text-align: center;
    background-color: #bebdb8 !important;
    /*
    font-family: 'SyntaxNextLTW01-Heavy';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    font-size: .8rem;
    text-transform: uppercase;
    color: #625F58;
    hyphens: none !important;
}

.footer-small .additional .newsletter a,
.footer-small .additional .bulletin a {
    color: #494440;
    text-decoration: none;
    letter-spacing: 1px;
}

.footer-small .additional .newsletter a:hover,
.footer-small .additional .bulletin a:hover {
    color: black;
    text-decoration: underline;
}

.footer-small .additional .newsletter {
    margin-bottom: 1.5em;
    padding: .5em;
    width: 120px;
}

.footer-small .additional .bulletin {
    margin-bottom: 1.5em;
    padding: .5em;
    width: 120px;
}

.footer-small .footer-varia {
    display: none;
}

.footer-small .adressen-holder .adresse {
    margin: 0 auto;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.footer-small .adressen-holder .adresse p {
    /*
    font-family: 'Syntax Next LT W01 Regular';
    */
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: 0.7rem !important;
    padding-bottom: 1em;
    text-transform: uppercase;
    color: white !important;
}

.footer-small .adressen-holder .adresse p:last-child {
    padding-bottom: 0;
}

.footer-small .adressen-holder .adresse a {
    color: white !important;
    text-decoration: none;
}

.footer-small .adressen-holder .adresse a:hover {
    text-decoration: underline;
}

.footer-small .zewo {
    display: none;
}

.footer-small .footer-varia-small {
    margin: 0 auto;
    text-align: center;
    /*
        font-family: 'SyntaxNextLTW01-Light';
        */
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    font-size: 0.7rem;
}

.footer-small .footer-varia-small .datenschutz {
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.footer-small .footer-varia-small .impressum {
    margin-bottom: 1em;
    text-transform: uppercase;
}


.footer-varia-small .datenschutz a,
.footer-varia-small .impressum a,
.footer-varia .datenschutz a,
.footer-varia .impressum a {
    color: black;
    color: #BEBDB8;
    text-decoration: none;
}

.footer-varia-small .datenschutz a:hover,
.footer-varia-small .impressum a:hover,
.footer-varia .datenschutz a:hover,
.footer-varia .impressum a:hover {
    text-decoration: underline;
}

.footer-small .footer-varia-small .zewo-small {
    margin: 0 auto;
    text-align: center;
    width: 12%;
}

.footer-small .footer-varia-small .zewo-small img {
    width: 100%;
}




	


/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 576 : col-sm /                       ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */



@media (min-width: 576px) {

    .container,
    .container-sm {
        margin: 0 auto;
        padding: 0;
        max-width: 100%;
        /*
            border: 2px dotted blue;
    */
    }


    /*------------------------------------------------*/
    /*------------------------------------------------*/
    /*--  --  --  --  --  Header  --  --  --  --  --  */
    /*------------------------------------------------*/
    /*------------------------------------------------*/

    .logo-spende-toggle .logo {
        width: 50vw !important;
        max-width: 50vw !important;
    }

    .logo-spende-toggle .logo img {
        width: 82%;
        max-width: 82% !important;
        margin-left: 0 !important;
    }

    .logo-spende-toggle .spende-toggle {
        width: 176px;
        display: block;
    }


    .logo-spende-toggle .spende-toggle .spende .spenden-button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 156px;
        height: 39px;
        padding: 0;
        font-family: 'Lato', sans-serif !important;
        font-weight: 900 !important;
    }

    .logo-spende-toggle .spende-toggle .spende .spenden-button a {
        display: block;
        font-size: 0.9rem;
    }

    .logo-spende-toggle .spende-toggle .toggle-icon img {
        width: 30px;

    }

    .logo-font-desktop {
        display: none;
    }


    /*------------------------------------------------*/
    /*------------------------------------------------*/
    /*--  --  --  --  Übergeordnetes  --  --  --  --  */
    /*------------------------------------------------*/
    /*------------------------------------------------*/

    .sub-sitemap .weitereBereiche,
    .sub-sitemap-zweispaltig .weitereBereiche {
        padding: .25em 9vw 0.25em 9vw;
        margin: 0;
    }

    /*------------------------------------------------*/
    /*--  --  --  Sub-Sitemap - Sub-Navi  --  --  --  */
    /*------------------------------------------------*/


    .sub-sitemap,
    .sub-sitemap-zweispaltig {
        margin: 2vw 0 0 0;
        padding: 0;
    }

    .sub-sitemap .ausProjekt,
    .sub-sitemap-zweispaltig .ausProjekt {
        padding: 0 8vw 0.5em 8vw !important;
        margin: 0 !important;
    }

    .sub-sitemap .weitereBereiche {
        padding: .25em 8vw 0.25em 8vw;
        padding-right: 10.5vw;
        padding-left: 10.5vw;
        margin: 0;
    }

    .headline h1,
    .sub-sitemap h1.person-einzelseite,
    .sub-sitemap-zweispaltig .zweispaltig h1 {
        margin-top: 2em;
        padding: .5em 7.5vw;
    }


    .lead-hashtags p {
        padding-right: 4.5vw;
        padding-left: 4.5vw;
    }

    .headline .hashtags {
        display: flex !important;
        flex-wrap: wrap;
    }

    .headline .hashtags a {
        display: inline;
    }

    .textfeld {
        margin: 0;
        padding: 0;
        width: 90%;
        padding: .75em;
    }

    .search-desktop {
        display: none;
    }

    .content-holder {
        width: 100%;
    }

    .main {
        /*
            min-height: 70vh;
            */
    }

    .text {
        margin: 0 auto;

    }

    .main .text {
        width: 100vw;
        padding: 0 8vw 0.5em 8vw !important;
        margin: 0 !important;
    }


    .content-holder .text {
        width: 100vw;
        padding: 0 8vw 0.5em 8vw !important;
        margin: 0 !important;
    }


    /*- - -  ---------------------------------------------- - - -*/
    /*- - -  1. Home-Newsseite - Kachel - Slider - Aktuell  - - -*/
    /*- - -  ----------------------------------------------- - - -*/

    .container-sm .row .news-intro {
        display: flex;
        justify-content: center;
        height: 60vh;
        height: 70vh;
    }

    .news-intro .kachel-slider {
        width: 50%;
        height: 100%;
    }

    .news-intro .kachel-slider .news-slider {
        margin: 0;
        padding: 0;
        height: 35vh;
        width: 100%;
        height: 100% !important;
        background-color: #494440;
    }


    .news-intro .kachel-slider .news-slider .carousel .carousel-inner .active .fokus {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
    }

    .news-intro .kachel-slider .news-slider .carousel .carousel-inner .carousel-item .fokus {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
    }

    .news-intro-mobile .kachel-slider .slider-mobile #carouselExampleControls .carousel-inner .active .fokus span {
        padding-top: 0;
    }

    .news-intro-mobile .kachel-slider .slider-mobile #carouselExampleControls .carousel-inner .active .fokus span a {
        padding: .25em;
        background-color: black;
    }


    .news-intro .news-kacheln {
        margin: 0;
        padding: 0;
        width: 50%;
    }

    .news-intro-mobile .news-kacheln .oben .kachel-links:hover .hover {
        height: 35vh;
    }


    .news-intro .news-kacheln .oben .kachel-links {
        height: 35vh !important;
    }

    .news-intro .news-kacheln .unten .kachel-rechts {
        height: 35vh !important;
    }

    .headline-news-mobile {
        width: 100%;
        margin-top: 0;
        padding: 0;
        display: block;
    }


    #carouselExampleControls {
        display: none;
    }


    /*---------------------------------------------*/
    /*---------       News-Liste        -----------*/
    /*---------------------------------------------*/

    .news-liste {
        width: 100%;
        margin: 0 auto;

    }

    .news-liste .news-holder {
        display: flex;
        justify-content: flex-start;
        margin: 0 0 2em 0;
        padding: 0 0 0 1em;
    }

    .news-liste .news-holder .news-left {
        width: 50%;
        margin: 0;
        padding: 0 1em 0 0;
    }

    .news-liste .news-holder .news-left h2 {
        padding: 0 1em 0 0;
        line-height: 120%;
    }

    .news-liste .news-holder .news-left h2 a {
        color: #494440;
        font-size: 1.7rem;
        /*
            font-family: 'SyntaxNextLTW01-Heavy';
            */
        font-family: 'Lato', sans-serif !important;
        font-weight: 900 !important;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
    }

    .news-liste .news-holder .news-left .news-varia {
        display: block;
        margin: 0;
        padding: 0;
    }

    .news-liste .news-holder .news-left .news-varia .news-datum {
        margin: 0;
        padding: 0;
        /*
            font-family: 'SyntaxNextLTW01-Light';
            */
        font-family: 'Lato', sans-serif !important;
        font-weight: 300 !important;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #494440;
    }

    .news-liste .news-holder .news-right {
        width: 50%;
        margin: 0;
        padding: 0;
    }

    .news-liste .news-holder .news-right img {
        max-width: 100%;
        margin: 0;
        padding: 0;
        margin-top: 30px;
    }

    .news-holder .news-left .news-varia .news-hashtags {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.5em;
    }

    .news-holder .news-left .news-varia .news-hashtags a {
        display: inline;
        padding-right: 1em;
    }

    .news-holder .news-left p {
        display: none;
    }


    /*- - -  ------------------------------ - - -*/
    /*- - -     2. Veranstaltungsliste      - - -*/
    /*- - -  ------------------------------ - - -*/

    .veranstaltungsliste {
        width: 120% !important;
        margin: 0 auto;
        margin-left: -10% !important;

    }

    .veranstaltungsliste .headline h1 {
        padding: 0 8vw !important;
    }

    .veranstaltungsliste p.lead {
        padding: .5em 8vw 1em 8vw !important;
    }

    .veranstaltungsliste .article {
        display: flex !important;
        justify-content: flex-start;
    }

    .veranstaltungsliste .article .content {
        display: block !important;
        width: 50vw !important;
        padding: 1em !important;
    }

    .veranstaltungsliste .article .content .title h2 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
    }

    .veranstaltungsliste .article .content .text {
        margin: 0;
        padding: 0 .25em 0 0 !important;
        display: none;
    }

    .veranstaltungsliste .article .content .text p {
        font-size: 1.2rem !important;
    }

    .veranstaltungsliste .article .image-veranstaltung {
        display: block;
        width: 50vw !important;
    }


    .veranstaltungsliste .article .image-veranstaltung img {
        display: block;
        width: 100%;
    }

    /*-------------------------------------------------------*/
    /*---------       Veranstaltung Einzelseite        ------*/
    /*-------------------------------------------------------*/

    .text .veranstaltungsbild {
        width: 83vw;
    }

    /*- - -  -------------------------- - - -*/
    /*- - -  3. Projektseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/

    .kacheln {
        margin: 0 auto;
        padding: 0;
        padding-left: 3px !important;
        padding-right: 3px !important;
        margin-top: 4em;
    }



    .kacheln .kachel.col-xl-6 .place-holder {
        padding: calc(25% - 16px) 0;
    }

    .kacheln .kachel.kachel-weiss .place-holder {
        padding: 10px 0;
    }

    .kacheln .kachel-weiss .text-holder {
        padding: .5em 5.5vw 0.5em 5.5vw !important;
        margin: 0 !important;
    }

    .kacheln .kachel {
        display: flex;
        position: relative;
        align-items: center;
        border-top: 0 solid white;
        border-right: 10px solid white;
        border-left: 10px solid white;
        border-bottom: 20px solid white;
    }


    /*-----------------------------------------------*/
    /*----- Projekte Introseite Multi-Galerien ------*/
    /*-----------------------------------------------*/

    .kacheln h1.bildgal-auswahl {
        margin: 0;
        padding: .5em 6.8vw .5em 6.8vw;
    }

    .blockList {
        display: flex;
        flex-wrap: wrap;
    }

    .blockList .block {
        margin: 0 4% 0 0;
        width: 46% !important;
    }

    .blockList .block .image {
        padding: 0;
    }

    .blockList .block .image img {
        width: 100%;
        height: auto;
    }


    /*---------------------------------------------------------*/
    /*----------Projektseite Bildergalerie-Einzelseite --------*/
    /*---------------------------------------------------------*/

    .content-holder .text h2 {
        padding: .5em 0 .25em 0;
    }



    /*---------------------------------------------*/
    /*-----------Projektseite Fokus Liste ---------*/
    /*---------------------------------------------*/

    .sub-sitemap-zweispaltig h1 {
        padding: .5em 7.5vw !important;
        margin: 0 0 2em 0;
    }

    .news-holder-fokus {
        display: flex;
        justify-content: flex-start;
        width: 120% !important;
        margin-bottom: 1.5em;
        margin-left: -10% !important;
    }

    .news-holder-fokus .news-left {
        width: 50vw !important;
        margin: 0 !important;
        padding: 0 1em;
        padding-right: .5em;
    }

    .news-holder-fokus .news-left h2.titel-fokus a {
        font-size: 1.3rem;
    }
/*11.12.23*/
    .news-holder-fokus .news-left h3.subtitel-japa {
        font-size: 1.1rem;
        font-weight:700 !important;
    }


    .news-holder-fokus .news-left .news-varia {
        margin: 0;
        padding: 0 2em 0 0;
    }

    .news-holder-fokus .news-left .news-varia .news-hashtags a {
        display: block;
    }

    .news-holder-fokus .news-right {
        width: 50vw !important;
        margin: 0;
    }

    .news-holder-fokus .news-right img {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }


    /*---------------------------------------------*/
    /*--------Projektseite Fokus Einzelseite ------*/
    /*---------------------------------------------*/

    .headline .hashtags {
        padding-top: 0 !important;
        padding-right: 6vw;
        padding-bottom: 0 !important;
        padding-left: 6vw;
    }

/*11.12.23*/   
    h2.funktion-jahrespartnerschaft {
        padding-left: 7.5vw;
    }    

    .text .image-simple {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 1em 0;
    }

    .text .image-simple img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 !important;

    }

    .text pre {
        width: 80vw;
    }




    /*- - -  -------------------------- - - -*/
    /*- - -  4. Themenseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/

    .kacheln-themen {
        padding-top: 1em;
        margin-top: 3em;
        margin-bottom: 4em;
    }

    /*---------------------------------------------*/
    /*---------------- Themen-Liste ---------------*/
    /*---------------------------------------------*/

    .header-hashtags h1.header-hashtags {
        padding-left: 5vw;
    }

    .lead-hashtags p.lead-hashtags {
        padding-left: 5vw;
    }

    .news-holder-themen {
        display: flex;
        justify-content: flex-start;
        width: 120% !important;
        margin-bottom: 1.5em;
        margin-left: 0 !important;

    }

    .news-holder-themen .news-left-themen {
        width: 50vw !important;
        margin: 0 !important;
        padding: 0 .5em 0 2em !important;
    }

    .news-holder-themen .news-left-themen .news-varia-themen {
        margin: 0 0 0 -7%;
        padding: 0;
    }

    .news-holder-themen .news-right-themen {
        width: 50vw !important;
        margin: 0;
    }

    .news-holder-themen .news-right-themen img {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }


    /*---------------------------------------------*/
    /*------------- Ueber-uns-Liste ---------------*/
    /*---------------------------------------------*/

    /*6.9.*/
    .personenliste h2.titelgruppe {
        font-size: 1.7rem;
        margin-top: 50px;
        padding-top: 0 !important;
        padding-bottom: 0;

    }

    .personenliste .textgruppe {
        margin-bottom: -30px;
    }

    .personenliste .textgruppe {
        margin-top: 15px;
        margin-bottom: 10px;
        padding-bottom: 0 !important;
    }

    .person .zweispaltig {
        display: flex;
        justify-content: flex-start;
        width: 120% !important;
        margin-bottom: 1.5em;
        margin-left: -10% !important;
    }

    .person .zweispaltig .person-name-person-bild .headline h2.person-name {
        padding-top: 2em;
        text-align: center;
    }

    .person .zweispaltig .image-team {
        width: 35vw !important;
        margin: 0;
    }

    .person .zweispaltig .image-team img {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .person .zweispaltig .person-rest .subheadline h3.funktion {
        margin: 6em 0 0 0 !important;
        padding: 0 1em .5em 1em !important;
    }

    .person .zweispaltig .person-rest .text {
        margin: 0 !important;
        padding: 0 !important;
    }

    .person .zweispaltig .person-rest .text p {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 1em .25em 1em !important;
    }

    /*---------------------------------------------*/
    /*----------- Ueber-uns-Einzelseite -----------*/
    /*---------------------------------------------*/

    h1.ueber-uns {
        width: 200%;
        margin-bottom: 0 !important;
    }

    .headline h2.funktion-einzelseite {
        width: 200%;
        margin: 0 !important;
        padding: 0 7vw !important;
    }

    .veranstaltungsbild {
        padding: 1em 0;
    }
    
    
    /*------  Zitate  -------*/
   
    .zitate-outside {
        margin: 0 !important;
        /*
        border:3px dashed aqua;  
        */  
    }
    
    
    .zitate {
    	width:100% !important;
		display:flex !important;
		margin:0;
		padding:0;
	}

	.zitate .ausrichtung-oben {
		display:flex;
		align-items:top;
		margin:0;	
		padding:0;
		width:;
			
	}
	
	.zitate p.zeichen-oben {
		font-size:48px !important;
		display:block !important;
		margin:10px 0 0 0 !important;
		line-height:0;
		padding:0;
		
		
	}
	
	.zitate p.text {
		margin:0;
		padding:0 2% !important;
	}
	
	
	.zitate .ausrichtung-unten {
		display:flex;
		align-items:flex-end;
		margin:0;	
		padding:0;
		width:;	
	}
	
	.zitate p.zeichen-unten {
		font-size:48px !important;
		display:block !important;
		margin:0 0 10px 0 !important;
		padding:0 !important;
		line-height:0;	
	}

	span.zitate-auf,
	span.zitate-zu {
		display:none;
	}
	
	.zitate-outside p.autor {
		padding-top: 1em;
	}
	
	
    /*---------------------------------------------*/
    /*------------------ Bulletin -----------------*/
    /*---------------------------------------------*/

    .headline-bulletin h1 {
        margin: 2em 0 0 0 !important;
        padding: .5em 6vw !important;
    }

    .lead-bulletin p.lead {
        padding: 0 6vw !important;
    }

    .bulletin-jahr img {
        width: 24%;
    }


    /*- - -  -------------------------- - - -*/
    /*- - -            6. Varia         - - -*/
    /*- - -  -------------------------- - - -*/

    .headline h1.varia {
        width: 200%;
    }


    /*-------------------*/
    /*------footer-------*/
    /*-------------------*/


    .footer-small {
        display: none;
    }

    .footer {
        padding: 1em 0 1em 0;
        margin: 0;
        display: block;
    }


    .footer .special-links {
        display: flex;
        justify-content: flex-start;
        position: relative;
        z-index: 100;
        margin: 0 0 1em 0;
        padding: 0 0 0 2.85em;
    }

    .footer .special-links div {
        padding-right: 1em;
    }

    .footer .special-links div a {
        margin-bottom: 1px !important;
    }

    .footer .special-links div a img {
        display: none !important;

    }


    .footer .second {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: -2.25em !important;
        padding-right: .2em;
        padding-left: 2.5em;
    }

    .footer .second .left-holder {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-end;
        width: 40%;
    }

    .footer .second .left-holder .additional {
        display: flex !important;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: .25em;

    }

    .footer .second .left-holder .additional .newsletter,
    .footer .second .left-holder .additional .bulletin {
        font-size: 11px;
        margin: 0;
        letter-spacing: 1px;
    }

    .footer .second .left-holder .additional .newsletter {
        width: unset;
        margin-right: 0.75rem;
    }

    .footer .second .left-holder .additional .bulletin {
        width: unset;
        /* width: 33%; */
    }

    .footer .second .right-holder {
        margin: 0;
        padding: 0;
        width: 60%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .footer .second .right-holder .footer-varia {
        display: block;
        margin: -2px 0 0 0;
        padding: 0 3% 0 0;
        /*
        font-family: 'SyntaxNextLTW01-Light';
        */
        font-family: 'Lato', sans-serif !important;
        font-weight: 300 !important;
        font-size: 12px;
        text-align: right;
    }

    .footer .second .right-holder .footer-varia a {
        font-size: 12px;
        text-transform: uppercase;
    }

    .footer .second .right-holder .adressen-holder {
        margin: 0;
        padding: 0 1em 0 0;
        /*
            width: 68%;
            */
        display: flex;
        justify-content: flex-end;
    }

    .footer .second .right-holder .adressen-holder .adresse {
        margin: 0;
        padding: 0;
        align-items: flex-end;
        text-align: left;
        /*
        font-family: 'Syntax Next LT W01 Regular';
        */
        font-size: 12px;
    }

    .footer .second .right-holder .adressen-holder .adresse p {
        /*
        font-family: 'Syntax Next LT W01 Regular';
        */
        font-family: 'Lato', sans-serif !important;
        font-weight: 400 !important;
        font-size: 12px;
        padding-bottom: .7em;
    }

    .footer .second .right-holder .adressen-holder .adresse p:last-child {
        padding-bottom: 0;
    }

    .footer .second .right-holder .adressen-holder .adresse .corporate {
        text-transform: none;
    }

    .footer .second .right-holder .adressen-holder .zewo {
        display: none;
    }

    .footer .second .right-holder .adressen-holder .zewo img {
        width: 100%;
    }

    .footer-varia-small,
    .zewo-small {
        display: none;
    }

	
}

/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 768 : col-md /                       ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */


@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px;
    }

    /*------------------------------------------------*/
    /*------------------------------------------------*/
    /*--  --  --  --  --  Header  --  --  --  --  --  */
    /*------------------------------------------------*/
    /*------------------------------------------------*/

    .logo-spende-toggle .logo {
        width: 280px;
    }

    .logo-spende-toggle .logo img {
        width: 270px;
    }

    .logo-spende-toggle .spende-toggle {
        width: 176px;
        display: block;
    }

    .logo-spende-toggle .spende-toggle .spende .spenden-button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 156px;
        height: 39px;
        padding: 0;
        font-family: 'Lato', sans-serif !important;
        font-weight: 900 !important;
    }

    .logo-spende-toggle .spende-toggle .spende .spenden-button a {
        display: block;
        font-size: 0.9rem;
    }


    .logo-spende-toggle .spende-toggle .toggle-icon img {
        width: 30px;
    }

    .logo-font-desktop {
        display: none;
    }

    /*------------------------------------------------*/
    /*------------------------------------------------*/
    /*--  --  --  --  Übergeordnetes  --  --  --  --  */
    /*------------------------------------------------*/
    /*------------------------------------------------*/

    .sub-sitemap,
    .sub-sitemap-zweispaltig {
        margin: 0;
        padding: 0;
    }

    .headline h1,
    .sub-sitemap h1.person-einzelseite,
    .sub-sitemap-zweispaltig .zweispaltig h1 {
        margin: 2em 0 0 0;
        padding: .5em 7.5% !important;
    }

    .main {
        min-height: 68vh;
    }

    .main .text {
        width: 100%;
        padding: 0 8% 0.5em 8% !important;
        margin: 0 !important;
    }


    .content-holder .text {
        width: 100%;
        padding: 0 8% 0.5em 8% !important;
        margin: 0 !important;
    }


    /*- - -  ------------------------------ - - -*/
    /*- - -     2. Veranstaltungsliste      - - -*/
    /*- - -  ------------------------------ - - -*/

    .veranstaltungsliste .headline h1 {
        padding: 0 8% !important;
    }


    .veranstaltungsliste p.lead {
        padding: .5em 8% 1em 8% !important;
    }

    /*-------------------------------------------------------*/
    /*---------       Veranstaltung Einzelseite        ------*/
    /*-------------------------------------------------------*/
    h1.veranstaltung {
        padding: 0 15% !important;
    }

    .text .veranstaltungsbild {
        width: 80% !important;
        height: auto;
    }


    /*- - -  -------------------------- - - -*/
    /*- - -  3. Projektseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/



    .kacheln-projekte {
        margin: 2em 0;
    }

    .kacheln .kachel-weiss .text-holder {
        padding: .5em 5.5% 0.5em 5.5% !important;
        margin: 0 !important;

    }

    .kacheln .kachel.col-xl-6 .place-holder {
        padding: calc((100% / 4) - 21.33px);
    }

    .kacheln .kachel.kachel-weiss .place-holder {
        padding: 10px 0;
    }

    .kacheln .kachel .text-holder {
        text-decoration: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        -o-hyphens: none;
        hyphens: none;
        padding: 1em;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel {
        margin-top: 1em;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel a {
        font-size: 1.9rem !important;
    }

    .kacheln .kachel .text-holder span a {
        font-size: 1.2rem !important;
    }


    /*-----------------------------------------------*/
    /*----- Projekte Introseite Multi-Galerien ------*/
    /*-----------------------------------------------*/

    .kacheln h1.bildgal-auswahl {
        margin: 0;
        padding: 0 6.8% .5em 6.8%;
    }

    .headline h1.multi-galerie,
    .headline h1.news {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
        width: 200%;
        padding-right: 15% !important;
        padding-left: 15% !important;
    }


    /*---------------------------------------------------------*/
    /*----------Projektseite Bildergalerie-Einzelseite --------*/
    /*---------------------------------------------------------*/


    /*---------------------------------------------*/
    /*-----------Projektseite Fokus Liste ---------*/
    /*---------------------------------------------*/

    .sub-sitemap .ausProjekt,
    .sub-sitemap-zweispaltig .ausProjekt {
        padding: 1em 8% 0.5em 8% !important;
        margin: 0 !important;
    }

    .sub-sitemap .weitereBereiche,
    .sub-sitemap-zweispaltig .weitereBereiche {
        margin: 0 calc((-100vw + 100%) / 2);
        padding: 0.25em calc(((100vw - 100%) / 2) + 10.25%);
    }


    .sub-sitemap-zweispaltig h1 {
        padding: .5em 7.5% 2em 7.5% !important;
        margin: 0 !important;
    }


    /*---------------------------------------------*/
    /*--------Projektseite Fokus Einzelseite ------*/
    /*---------------------------------------------*/
/*11.12.23*/
    h2.funktion-jahrespartnerschaft {
        padding-left: 2.75em;
    }

    .headline .hashtags {
        padding-top: 0 !important;
        padding-right: 6%;
        padding-bottom: 0 !important;
        padding-left: 6%;
    }

    .text pre {
        width: 100%;
    }

    /*- - -  -------------------------- - - -*/
    /*- - -  4. Themenseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/

    .kacheln-themen {
        padding-top: 1em;
        margin-top: 3em;
        margin-bottom: 4em;
    }

    /*---------------------------------------------*/
    /*---------------Themen-Kacheln ---------------*/
    /*---------------------------------------------*/

    .header-hashtags h1.header-hashtags {
        padding-left: 5%;
    }

    .lead-hashtags p.lead {
        padding-left: 5%;
    }

    /*---------------------------------------------*/
    /*---------------- Themen-Liste ---------------*/
    /*---------------------------------------------*/


    .header-hashtags h1.header-hashtags {
        padding-left: 5%;
    }

    .lead-hashtags p.lead-hashtags {
        padding-left: 5%;
    }


    /*---------------------------------------------*/
    /*------------ Ueber-uns-Kacheln --------------*/
    /*---------------------------------------------*/

    .kacheln .kachel-weiss .text-holder h1.kachel-ueberuns {
        margin-top: 1em;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel-ueberuns a {
        font-size: 1.9rem !important;
    }

    /*---------------------------------------------*/
    /*------------- Ueber-uns-Liste ---------------*/
    /*---------------------------------------------*/


    .personenliste h2.titelgruppe {
        margin-top: 70px;
    }

    .personenliste .textgruppe {
        margin-bottom: -50px;
    }

    .personenliste .textgruppe {
        margin-top: 15px;
        margin-bottom: 10px;
        padding-bottom: 15px !important;
    }

    .person .zweispaltig {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .person .zweispaltig .person-name-person-bild .headline h2.person-name {
        padding-bottom: .5em;
    }

    .person .zweispaltig .image-team {
        width: 300px !important;
        margin: 0;
        padding: 0;
    }

    .person .zweispaltig .image-team img {
        width: 300px !important;
        margin: 0;
        padding: 0;
    }

    .person .zweispaltig .person-rest {
        width: 65%;
    }

    .person .zweispaltig .person-rest .subheadline h3.funktion {
        width: 100%;
    }

    .person .zweispaltig .person-rest .text {
        width: 100%;
    }

    /*---------------------------------------------*/
    /*----------- Ueber-uns-Einzelseite -----------*/
    /*---------------------------------------------*/


    .headline h1.ueber-uns {
        width: 200%;
        margin: 2em 0 0 0;
        padding: .5em 15% !important;
    }

    .headline h2.funktion-einzelseite {
        padding: 0 15% !important;
    }
    
    
    /*------  Zitate  -------*/
    
     .zitate-outside {
     	/*
     	border: 3px dashed green;
     	*/
     }    


	.zitate p.text {
		font-size:1.2rem !important;
	}
	
	.zitate-outside p.autor {
		font-size:.9rem !important;
	}


    /*---------------------------------------------*/
    /*------------- Bulletin-Kacheln -------------*/
    /*---------------------------------------------*/

    .headline-bulletin h1 {
        margin-top: 2.5em !important;
        padding: 0 1.25em !important;

    }

    .lead-bulletin p.lead {
        padding: .5em 2em 0 2em !important;
    }


    /*---------------------------------------------*/
    /*-------------------- Varia ------------------*/
    /*---------------------------------------------*/

    .headline h1.varia {
        width: 200%;
        padding-right: 15% !important;
        padding-left: 15% !important;
    }


    /*---------------------------------------------*/
    /*------------------  Spende  -----------------*/
    /*---------------------------------------------*/

    .legate {
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5em;
    }

    .legate .legate-image {
        width: 50% !important;
        padding-right: 1em;
    }

    .legate .legate-image img {
        width: 100%;
    }

    .legate .legate-text {
        width: 50% !important;
    }


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


    .footer {
        padding: 1.5em calc(((100vw - 100%) / 2));
        margin: 0 calc((-100vw + 100%) / 2);

    }

    .footer .special-links {
        padding-left: 3.25em;
    }


    .footer .special-links div a img {
        display: none !important;
    }

    .footer .second {
        width: 100%;
        margin: 0;
    }

    .footer .second .left-holder {
        width: 40%;
        margin: 0;
    }

    .footer .second .left-holder .additional .newsletter,
    .footer .second .left-holder .additional .bulletin {
        font-size: 0.7rem;
    }

    .footer .second .right-holder {
        width: 60%;
        display: :flex;
        justify-content: flex-end;
        padding: 0;
        margin: 0;
    }

    .footer .second .right-holder .footer-varia {
        margin: 0 0 0 1em;
        padding: 0 3% 0 0;
    }

    .footer .second .right-holder .adressen-holder {}

    .footer .second .zewo {
        display: block;
    }

    .footer .second .zewo img {
        width: 70%;
    }
    



}

/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 992 : col-lg /                       ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */



@media (min-width: 992px) {

    body {
        background-color: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    .container,
    .container-sm {
        max-width: 960px;
        border: 2px dotted transparent;
    }

    /*------------------------------------------------*/
    /*------------------------------------------------*/
    /*--  --  --  --  --  Header  --  --  --  --  --  */
    /*------------------------------------------------*/
    /*------------------------------------------------*/

    .logo-spende-toggle {
        display: none;
    }

    .logo-spende-toggle .logo img {
        display: none;
    }

    .logo-nav-lupe-spende {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1em 70px 1.5em 70px;
    }


    .logo-nav-lupe-spende .logo {
        width: 259px;
        padding: 0;
        margin: 0;
    }

    .logo-nav-lupe-spende .logo img {
        padding: 0;
        margin: 0;
        width: 239px;

    }

    .logo-nav-lupe-spende .nav {
        display: block;
        margin: 0;
        padding: 0;
    }

    .logo-nav-lupe-spende .nav ul.navigation {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        /*
        font-family: 'Syntax Next LT W01 Bold';
        */
        font-family: 'Lato', sans-serif !important;
        font-weight: 700 !important;
        font-size: .825rem;
        color: #fb0139;
        letter-spacing: 0.05rem;
        list-style-type: none;
    }

    .logo-nav-lupe-spende .nav ul.navigation ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }


    .logo-nav-lupe-spende .nav ul.navigation li {
        margin: 0;
        padding: 0 1em 0 0;
        list-style-type: none;
    }

    .logo-nav-lupe-spende .nav ul.navigation li a {
        text-decoration: none;
    }

    .logo-nav-lupe-spende .nav ul.navigation li a:hover {
        text-decoration: none;
    }

    .logo-nav-lupe-spende .nav ul.navigation li ul li {
        display: none;
    }


    #div1>.search-desktop {
        display: none;
    }


    #div1>.search-desktop {
        display: block;
        padding: 0.25em 0;
    }

    .logo-nav-lupe-spende .lupe {
        width: 3.5%;
        margin: 0;
        padding: 0;
    }

    .logo-nav-lupe-spende .lupe img {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .logo-nav-lupe-spende .spende {
        display: block;
        font-size: 0.8rem;
        padding: 0.5em 0.5em 0.5em 0.5em;
        margin: 0;
        /*
        font-family: 'Syntax Next LT W01 Bold';
        */
        font-family: 'Lato', sans-serif !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: white;
        text-align: center;
        background-color: #fb0139;
    }

    .logo-nav-lupe-spende .spende:hover {
        background-color: black;
    }

    .logo-nav-lupe-spende .spende a {
        text-decoration: none;
        color: white;
    }


    .logo-font-desktop {
        display: block !important;
        margin-left: 3.25em;
        /*
        font-family: 'SyntaxNextLTW01-Medium';
        */
        font-family: 'Lato', sans-serif !important;
        font-weight: 400 !important;
        letter-spacing: -0.02rem;
        padding: 0;
        font-size: 0.8rem;
        width: 50%;
    }

    #div3 {
        display: none !important;
    }

    .search-desktop {
        display: block;
    }

    .search-function {
        margin-top: 1rem;
    }


    /*------------------------------------------------*/
    /*------------------------------------------------*/
    /*--  --  --  --  Übergeordnetes  --  --  --  --  */
    /*------------------------------------------------*/
    /*------------------------------------------------*/


    .sub-sitemap {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .sub-sitemap .ausProjekt {
        margin: 0 !important;
        padding: 0 10.5% .5em 10.5% !important;
    }

    .sub-sitemap .weitereBereiche {
        padding: 0.25em calc(((100vw - 100%) / 2) + 12.75%);
    }


    .sub-sitemap .navi {
        display: flex;
        justify-content: flex-start;
        margin: 0;
    }

    .sub-sitemap .navi a {
        margin: 0 !important;
        padding: 0 1em 0 0 !important;
        white-space: nowrap;
    }


    .sub-sitemap .headline h1,
    .sub-sitemap h1.person-einzelseite,
    .sub-sitemap-zweispaltig .zweispaltig h1,
    .headline h1 {
        padding: .5em 15% !important;
    }

    .header-hashtags h1.header-hashtags {
        margin-top: 2em;
        padding: .5em 0;
    }

    .lead-hashtags p {
        padding-right: 7.5em !important;
        padding-left: 7.5em !important;
    }

    .lead-hashtags p.lead {
        padding-right: 6.25em !important;
        padding-left: 6.25em !important;
    }

    .sub-sitemap-zweispaltig .zweispaltig h1 {
        padding-right: 5em !important;
        padding-left: 5em !important;

        margin-bottom: -1em !important;
    }

    .veranstaltung p.lead-liste {
        padding-right: 13.15em;
        padding-left: 13.15em;
    }


    .main {
        min-height: 45vh;
    }

    .main .headline .hashtags {
        margin: 0 !important;
        padding-top: -1em !important;
        padding-right: 100px !important;
        padding-bottom: 1em !important;
        padding-left: 100px !important;
    }


    .main .text {
        width: 100%;
        padding: 0 15% 0.5em 15% !important;
        margin: 0 !important;
    }


    /*---------------------------------------------*/
    /*---------       News-Liste        -----------*/
    /*---------------------------------------------*/

    .news-holder .news-left h2 {
        padding-bottom: .5em !important;
    }

    .news-liste .news-holder .news-left p {
        display: block !important;
    }


    /*- - -  ------------------------------ - - -*/
    /*- - -     2. Veranstaltungsliste      - - -*/
    /*- - -  ------------------------------ - - -*/

    .veranstaltungsliste {
        width: 144% !important;
        margin: 0 auto;
        margin-left: -22% !important;
    }

    .veranstaltungsliste .headline h1 {
        padding: 0 14.5% !important;
    }

    .veranstaltungsliste p.lead {
        padding: .5em 14.5% 1em 14.5% !important;
    }

    .veranstaltungsliste .article {
        display: flex !important;
        justify-content: flex-start;
    }

    .veranstaltungsliste .article .content {
        display: block !important;
        width: 50% !important;
    }

    .veranstaltungsliste .article .image-veranstaltung {
        display: block;
        width: 50% !important;
    }

    .veranstaltungsliste .article .content .text {
        display: block;
    }

    .veranstaltungsliste .article .content .text p {
        font-size: 1.2rem !important;
    }

    /*-------------------------------------------------------*/
    /*---------       Veranstaltung Einzelseite        ------*/
    /*-------------------------------------------------------*/
    h1.veranstaltung {
        padding: 0 29% !important;
    }


    /*- - -  -------------------------- - - -*/
    /*- - -  3. Projektseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/


    .kacheln .kachel.col-xl-6 .place-holder,
    .kacheln .kachel.kachel-weiss .place-holder {
        padding: calc(25% - 16px) 0;
    }


    .kacheln .kachel-weiss .text-holder h1.kachel {
        padding-right: 2.75em;
        padding-left: 2.75em;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel a {
        text-align: left;
        font-size: 1.9rem;
    }

    .kacheln .kachel-weiss .text-holder,
    .kacheln .kachel-weiss .text-holder a {
        margin: 0 auto;
        text-align: center;
    }


    /*-----------------------------------------------*/
    /*----- Projekte Introseite Multi-Galerien ------*/
    /*-----------------------------------------------*/

    .kacheln h1.bildgal-auswahl {
        margin: 0;
        padding: 0 15% .5em 15%;
    }


    .headline h1.multi-galerie,
    .headline h1.news {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
        padding-right: 29% !important;
        padding-left: 29% !important;
    }

    /*---------------------------------------------------------*/
    /*----------Projektseite Bildergalerie-Einzelseite --------*/
    /*---------------------------------------------------------*/


    .sub-sitemap .navi {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .sub-sitemap .navi div a {
        white-space: nowrap !important;
    }

    /*---------------------------------------------*/
    /*-----------Projektseite Fokus Liste ---------*/
    /*---------------------------------------------*/

    .sub-sitemap-zweispaltig {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }


    .sub-sitemap .ausProjekt,
    .sub-sitemap-zweispaltig .ausProjekt {
        margin: 0 !important;
        padding: 0 11% .5em 11% !important;
    }


    .sub-sitemap-zweispaltig .navi {
        display: flex;
        flex-wrap: wrap !important;

        margin: 0;
    }

    .sub-sitemap-zweispaltig .navi a {
        margin: 0 !important;
        padding: 0 1em 0 0 !important;
        white-space: nowrap !important;
    }


    .sub-sitemap-zweispaltig .zweispaltig h1 {
        padding: .5em 15% !important;
        margin: 0 0 2em 0;
    }

    .main .text {
        width: 100% !important;
        padding: 0 15% 0.5em 15% !important;
        margin: 0 !important;
    }

    p.lead-liste {
        width: 140% !important;
        margin: -.5em 0 0 -20% !important;
        padding: 0 20.5% 1em 20.5% !important;
    }

    .news-holder-fokus {
        width: 144% !important;
        margin: 0 0 2em -22% !important;
        padding: 0 !important;
    }

    .news-holder-fokus .news-left-fokus p {
        display: block !important;
    }

    /*---------------------------------------------*/
    /*--------Projektseite Fokus Einzelseite ------*/
    /*---------------------------------------------*/
/*11.12.23*/
    h2.funktion-jahrespartnerschaft {
        padding-left: 7.5em;
    }

    .headline .hashtags {
        padding-top: 0 !important;
        padding-right: 6%;
        padding-bottom: 0 !important;
        padding-left: 6%;
    }

    .main .headline .hashtags {
        padding-left: 15% !important;
    }

    .text pre {
        width: 100%;
    }

    /*- - -  -------------------------- - - -*/
    /*- - -  4. Themenseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/


    .kacheln-themen {
        padding-top: 1em;
        margin-top: 3em;
        margin-bottom: 4em;
    }

    .header-hashtags h1.header-hashtags {
        margin: .8em 0 0 0;
        padding: 0 11% !important;

    }

    .lead-hashtags p.lead-hashtags {
        margin: 0;
        padding: 0 13% .5em 13% !important;
    }

    .kacheln .kachel .text-holder {
        padding: 1em !important;
    }

    .kacheln .kachel .text-holder span h1.kachel a {
        font-size: 1.9rem !important;
    }

    .kacheln .kachel .text-holder span a {
        font-size: 1.2rem !important;
    }

    /*---------------------------------------------*/
    /*---------------- Themen-Liste ---------------*/
    /*---------------------------------------------*/

    .header-hashtags h1.header-hashtags {
        padding: 1em 13% .25em 13% !important;
    }

    .news-holder-themen .news-left-themen {
        margin-left: 1em !important;
    }

    .news-holder-themen .news-varia-themen p {
        display: block !important;
    }

    /*---------------------------------------------*/
    /*----------- Ueber-uns-Kacheln     -----------*/
    /*---------------------------------------------*/

    .kacheln .kachel-weiss .text-holder h1.kachel-ueberuns {
        padding: 0 26% !important;
        padding: 0 0 0 26% !important;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel-ueberuns a {
        text-align: left;

        font-size: 1.9rem !important;
    }



    /*---------------------------------------------*/
    /*----------- Ueber-uns-Einzelseite -----------*/
    /*---------------------------------------------*/

    .headline h1.ueber-uns {
        margin: .75em 0 0 0 !important;
        padding: .5em 29% !important;
    }

    .headline h2.funktion-einzelseite {
        padding: 0 29% !important;
    }


    /*------  Zitate  -------*/

    .zitate-outside {
    	/*
        border:3px dashed red;    
        */
    } 

    /*---------------------------------------------*/
    /*------------------ Bulletin -----------------*/
    /*---------------------------------------------*/

    .headline-bulletin h1 {
        margin: 1.75em 0 0 0 !important;
        padding: 0 14% !important;
    }

    .lead-bulletin p.lead {
        padding: .5em 14% !important;
    }

    .bulletin-jahr {}

    .bulletin-jahr img {
        width: 24%;
    }



    /*---------------------------------------------*/
    /*-------------------- Varia ------------------*/
    /*---------------------------------------------*/

    .headline h1.varia {
        margin-top: 1.25em !important;
        padding: 0 29% !important;
    }


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

    .footer-small {
        hyphens: none;
    }

    .footer-small {
        display: none;
    }



    .footer {
        display: block;
        padding: 1.5em calc((100vw - 100%) / 2);
        margin: 0 calc((-100vw + 100%) / 2);
        background-color: #7C7B70;
    }

    .footer .special-links {
        display: flex;
        justify-content: flex-start;
        padding-left: 6.25em;
        margin-top: -.25em;
    }

    .footer .special-links div {
        margin-bottom: -.4em;
    }

    .footer .special-links div a img {
        margin-top: -.1em;
        display: block !important;


    }

    .footer .second {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding-left: 6.25em;
    }

    .footer .second .left-holder {
        display: flex !important;
        padding-right: 2em;
    }

    .footer .second .left-holder .additional {
        display: flex !important;
        align-items: flex-end;
        width: 100%;
    }

    .footer .second .left-holder .additional>div {
        display: inline-block;
    }

    .footer .second .left-holder .additional .newsletter,
    .footer .second .left-holder .additional .bulletin {
        font-size: 0.7rem;
        margin: 0;
        padding: 0.5em;
        letter-spacing: 1px;
    }

    .footer .second .left-holder .additional .newsletter {
        width: unset;
        margin-right: 1rem;
    }


    .footer .second .left-holder .additional .bulletin {
        width: unset;
    }

    .footer .second .right-holder {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .footer .second .right-holder .footer-varia {
        margin: 0;
        padding: 0 3% 0 0;
        display: block;
        /*
        font-family: 'SyntaxNextLTW01-Light';
        */
        font-family: 'Lato', sans-serif !important;
        font-weight: 300 !important;
        font-size: 0.65rem;
        text-align: right;
    }

    .footer .second .right-holder .adressen-holder {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }

    .footer .second .right-holder .adressen-holder .adresse {
        margin: 0;
        padding: 0;
        align-items: flex-end;
        text-align: left;
        /*
        font-family: 'Syntax Next LT W01 Regular';
        */
        font-family: 'Lato', sans-serif !important;
        font-weight: 400 !important;
        font-size: 0.65rem;
    }

    .footer .second .right-holder .adressen-holder .adresse .corporate {
        text-transform: none;
    }

    .footer .second .zewo {
        margin: 0 3em 0 2em;
        padding: 0;
        display: block;
        width: 6%;
    }

    .footer .second .zewo img {
        width: 100%;
    }

    .footer-varia-small,
    .zewo-small {
        display: none;
    }
    
   

}

/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 1200 : col-xl /                      ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */


@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }

    .logo-spende-toggle {
        display: none;
    }

    .logo-nav-lupe-spende .lupe {
        width: 3%;
        margin: 0;
        padding: 0;
    }

    .logo-nav-lupe-spende .lupe img {
        margin: 0;
        padding: 0;
        width: 100%;
    }


    /*------------------------------------------------*/
    /*------------------------------------------------*/
    /*--  --  --  --  Übergeordnetes  --  --  --  --  */
    /*------------------------------------------------*/


    .sub-sitemap .ausProjekt,
    .sub-sitemap-zweispaltig .ausProjekt {
        padding: 0 9% .5em 9% !important;
    }

    .sub-sitemap .weitereBereiche,
    .sub-sitemap-zweispaltig .weitereBereiche {
        padding: 0.25em calc(((100vw - 100%) / 2) + 10.5%);
    }

    .sub-sitemap .navi a {
        padding: 0 1em 0 0 !important;
    }

    .sub-sitemap-zweispaltig .navi a {
        padding: 0 1em 0 0 !important;
    }


    .news-intro .news-slider #carouselExampleControls .carousel-inner .carousel-item .fokus .text h1 {
        font-size: 2.3rem;
    }

    #div3 {
        display: none !important;
    }

    .main {
        min-height: 70vh;
    }

    .main .headline .hashtags {
        padding: 0 15% 1em 15% !important;
    }


    .main .text p.image {
        margin-left: 10%;
        margin-right: 10%;
    }

    .main .text {
        width: 100%;
        padding: 0 15% 0.5em 15% !important;
        margin: 0 !important;
    }



    .content-holder .text {
        width: 100%;
        padding: 0 20% 0.5em 20% !important;
        margin: 0 !important;
    }


    .header-hashtags h1.header-hashtags {
        padding-right: 6.75em !important;
        padding-left: 6.75em !important;
    }
/*11.12.23*/
    h2.funktion-jahrespartnerschaft {
        padding-right: 8.75em !important;
        padding-left: 8.75em !important;
    }

    .lead-hashtags p {
        padding-right: 13em !important;
        padding-left: 13em !important;
    }

    .lead-hashtags p.lead {
        padding-right: 10.75em !important;
        padding-left: 10.75em !important;
    }


    .news-holder-fokus {
        width: 144% !important;
        margin: 0 0 2em -22% !important;
        padding: 0 !important;
    }


    /*- - -  ------------------------------ - - -*/
    /*- - -     2. Veranstaltungsliste      - - -*/
    /*- - -  ------------------------------ - - -*/


    .veranstaltungsliste .headline h1 {
        padding: 0 14.5% !important;
    }

    .veranstaltungsliste p.lead {
        padding: .5em 14.5% 1em 14.5% !important;
    }


    /*- - -  -------------------------- - - -*/
    /*- - -  3. Projektseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/


    .kacheln .kachel-weiss .text-holder h1.kachel {
        padding-right: 2.75em;
        padding-left: 2.75em;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel a {
        text-align: left;
        font-size: 1.9rem;
    }


    /*---------------------------------------------*/
    /*-----------Projektseite Fokus Liste ---------*/
    /*---------------------------------------------*/

    .sub-sitemap-zweispaltig .zweispaltig h1 {
        padding: .5em 6.5% !important;
        /*7.12.2022*/
        padding: .5em 14.25% !important;
    }



    p.lead-liste {
        padding: 0 19.25% 1em 19.25% !important;
    }




    /*- - -  -------------------------- - - -*/
    /*- - -  4. Themenseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/

    .kacheln-themen {
        padding-top: 1em;
        margin-top: 3em;
        margin-bottom: 4em;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel {

        margin: 0 auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel a {
        margin: 0 auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    .themenkacheln h2 {
        margin-left: -8% !important;
        width: 116%;
    }

    .themenkacheln p {
        margin-left: -8% !important;
        width: 116%;
    }

    /*---------------------------------------------*/
    /*----------- Ueber-uns-Kacheln     -----------*/
    /*---------------------------------------------*/

    .kacheln .kachel-weiss .text-holder h1.kachel-ueberuns {
        margin: 0 !important;
        padding: 0 !important;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel-ueberuns a {
        text-align: center;
        padding: 0 !important;
        font-size: 1.9rem !important;
    }




    /*---------------------------------------------*/
    /*----------- Ueber-uns-Einzelseite -----------*/
    /*---------------------------------------------*/


    .headline h2.funktion-einzelseite {
        padding: 0 29% !important;
    }
    
 	/*------  Zitate  -------*/       
    .zitate-outside {
        padding: 0;
        margin: 0;
        /*
        border: 3px dashed blue;
        */
    } 
    
     .zitate-outside h2,
     .zitate-outside p.autor {
     	margin: 0 !important;
     	padding:0;
     	width:100%;
     }
     
     .zitate-outside p.autor {
     	padding-top:.5em;
     	padding-bottom: 2em;
     }
 
    .zitate {
     	width: 100%;
        padding: 0;
        margin: 0;
		display:flex !important;
	}    

    /*---------------------------------------------*/
    /*------------------ Bulletin -----------------*/
    /*---------------------------------------------*/

    .headline-bulletin h1 {
        margin: 2em 0 0 0 !important;
        padding: 0 13% !important;
    }

    .lead-bulletin p.lead {
        padding: .5em 13% !important;
    }

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

    .footer {
        padding: 1.5em calc(((100vw - 100%) / 2));
        margin: 0 calc((-100vw + 100%) / 2);
    }

    .footer .special-links {
        padding-left: 6.75em;
    }

    .footer .special-links div a img {
        display: block !important;
    }

    .footer .second {
        padding-left: 6.75em;
    }

    .footer .second .left-holder .additional {
        padding-right: 3.5em;
    }

    .footer .second .right-holder {}

    .footer .second .zewo {
        margin-left: .5em;
    }

    .footer .second .zewo img {
        display: block;
        float: right;
        width: 90% !important;
    }
    
    

}


/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 1400 : col-xxl /                      ---------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/*                                           ////////////////////////////////////////////////                                        */
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */




@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
        /*
            border: 2px dotted aqua;
    */
    }

    .logo-nav-lupe-spende .lupe {
        width: 2.5%;
        margin: 0;
        padding: 0;
    }

    .logo-nav-lupe-spende .lupe img {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .main .text {
        width: 100%;
        padding: 0 15% 0.5em 15% !important;
        margin: 0 !important;
    }

    .news-intro .kachel-slider {
        height: 100% !important;
    }

    .news-intro .news-slider #carouselExampleControls .carousel-inner .carousel-item .fokus .text h1 {
        font-size: 2.6rem;
    }

    .logo-spende-toggle {
        display: none;
    }

    #div3 {
        display: none !important;
    }

    .sub-sitemap .ausProjekt,
    .sub-sitemap-zweispaltig .ausProjekt {
        padding-right: 7.75% !important;
        padding-left: 7.75% !important;
    }

    .sub-sitemap .weitereBereiche,
    .sub-sitemap-zweispaltig .weitereBereiche {
        padding: 0.25em calc(((100vw - 100%) / 2) + 9%);
    }

    .headline h1,
    .sub-sitemap h1.person-einzelseite,
    .sub-sitemap-zweispaltig .zweispaltig h1 {
        margin: 2em 0 0 0;
        padding: .5em 20% !important;
    }
    
/*11.12.23*/
    h2.funktion-jahrespartnerschaft {
        padding-right: 13.75em !important;
        padding-left: 13.75em !important;
    }

    .main .headline .hashtags {
        padding: 0 20% 1em 20% !important;
    }

    .lead-hashtags p {
        padding-right: 16em !important;
        padding-left: 16em !important;
    }

    .lead-hashtags p.lead {
        padding-right: 13.35em !important;
        padding-left: 13.35em !important;
    }


    .main .text {
        width: 100%;
        padding: 0 20% 0.5em 20% !important;
        margin: 0 !important;

    }


    /*- - -  ------------------------------ - - -*/
    /*- - -     2. Veranstaltungsliste      - - -*/
    /*- - -  ------------------------------ - - -*/


    .veranstaltungsliste {
        width: 167% !important;
        margin: 0 0 2em -33% !important;
        padding: 0 !important;

    }

    .veranstaltungsliste .headline h1 {
        padding: 0 19% !important;
    }

    .veranstaltungsliste p.lead {
        padding: .5em 19% 1em 19% !important;
    }

    /*-------------------------------------------------------*/
    /*---------       Veranstaltung Einzelseite        ------*/
    /*-------------------------------------------------------*/

    h1.veranstaltung {
        padding: 0 39% !important;
    }


    /*-----------------------------------------------*/
    /*----- Projekte Introseite Multi-Galerien ------*/
    /*-----------------------------------------------*/

    .kacheln h1.bildgal-auswahl {
        margin: 0;
        padding: .5em 20%;
    }

    .headline h1.multi-galerie,
    .headline h1.news {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
        padding-right: 39% !important;
        padding-left: 39% !important;
    }

    /*---------------------------------------------*/
    /*-----------Projektseite Fokus Liste ---------*/
    /*---------------------------------------------*/



    .news-holder-fokus {
        width: 167% !important;
        margin: 0 0 2em -33% !important;
        padding: 0 !important;
    }



    .sub-sitemap-zweispaltig .zweispaltig h1 {
        padding: .5em 12.5% !important;
        /*7.12.2022*/
        padding: .5em 19.5% !important;
    }

    p.lead-liste {
        padding: 0 19.25% 1em 19.25% !important;
    }



    /*- - -  -------------------------- - - -*/
    /*- - -  4. Themenseite - Kacheln  - - -*/
    /*- - -  -------------------------- - - -*/

    .kacheln-themen {
        padding-top: 1em;
        margin-top: 3em;
        margin-bottom: 4em;
    }

    .kacheln .kachel-weiss .text-holder h1.kachel {
        padding-left: 5.75em;
    }

    .themenkacheln h2 {
        margin-left: 0 !important;
    }

    .themenkacheln p {
        margin-left: 0 !important;
        width: 100%;
    }

    /*---------------------------------------------*/
    /*---------------- Themen-Liste ---------------*/
    /*---------------------------------------------*/

    .header-hashtags h1.header-hashtags {
        padding: 1em 20% .25em 20% !important;
    }

    .lead-hashtags p.lead-hashtags {
        margin: 0;
        padding: 0 20% .5em 20% !important;

    }


    /*---------------------------------------------*/
    /*----------- Ueber-uns-Einzelseite -----------*/
    /*---------------------------------------------*/

    .headline h1.ueber-uns {
        padding: .5em 39% !important;
    }

    .headline h2.funktion-einzelseite {
        padding: 0 39% !important;
    }

 	/*------  Zitate  -------*/   
    .zitate-outside {
    /*
        border:3px dashed pink; 
    */  
    } 

    /*---------------------------------------------*/
    /*------------------ Bulletin -----------------*/
    /*---------------------------------------------*/

    .headline-bulletin h1 {
        margin: 2em 0 0 0 !important;
        padding: 0 20% !important;
    }

    .lead-bulletin p.lead {
        padding: .5em 20% !important;
    }


    /*---------------------------------------------*/
    /*-------------------- Varia ------------------*/
    /*---------------------------------------------*/

    .headline h1.varia {
        padding-right: 39% !important;
        padding-left: 39% !important;
    }


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

    .footer .special-links {
        padding-left: 6.65em;
    }

    .footer .special-links div a img {
        display: none;
    }


    .footer .second .left-holder .additional {
        padding-right: 9em;
    }

    .footer .second .right-holder {}

    .footer .second .zewo {
        margin-left: 1em;
    }

    .footer .second .zewo img {
        display: block;
        float: right;
        width: 90% !important;
    }


}