@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "MaisonNeue";
  src: url('../webFonts/Maison Neue MG/MaisonNeueWEB-Bold.woff2') format('woff2'),
    url('../webFonts/Maison Neue MG/MaisonNeueWEB-Bold.woff') format('woff');
  font-weight: bold;
  font-style: bold;
}

/* CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Ende CSS Reset */

/* Farben 

rgba(241, 177, 187, 1.00); // Salmon light
rgba(0, 70, 130, 1.00); // Blau
rgba(220, 0, 90, 1.00); // Rot
rgba(250, 240, 10, 1.00); // Gelb

*/

:root {
  --fontSanSerif: "MaisonNeue", sans-serif;
  --defaultBodyBg: rgba(241, 177, 187, 1.00); /* Salmon */
  --bgColorBeitrag-01: #000;
  --mainColorLinkMore: rgba(0, 70, 130, 1.00); /* Blau */
  --mainColorLinkMore-Hover: rgba(220, 0, 90, 1.00); /* Rot */
  --mainFooterLink-Hover: rgba(220, 0, 90, 1.00); /* Rot */
  --backgroundOddChildDiv: rgba(250, 240, 10, 1.00); /* Gelb */
  --newsletterLinkColor: rgba(250, 240, 10, 1.00); /* Gelb */
  --burgerMenuBg: rgba(0, 70, 130, 1.00); /* Blau */
  --headBurgerStrokesColor: rgba(255, 255, 255, 1.00); /* Weiß */
  --mainMenuLinksColor: rgba(0, 70, 130, 1.00); /* Blau */
  --mainMenuLinksColor-Hover: rgba(220, 0, 90, 1.00); /* Rot */
  --sidebarMenuLinksColor-Hover: rgba(220, 0, 90, 1.00); /* Rot */
  --sidebarMenuLinksColor: rgba(250, 240, 10, 1.00); /* Gelb */
  --studiesLinkColor: rgba(220, 0, 90, 1.00);
  --mainTextColor: rgba(0, 70, 130, 1.00); /* Blau */
  --mainQuoteConBg: rgba(0, 70, 130, 1.00); /* Blau */
  --mainThemeHeadlineColor: rgba(250, 240, 10, 1.00); /* Gelb */
  --mainHeadlineColor: rgba(0, 70, 130, 1.00); /* Blau */
  --mainSubheadlineColor: rgba(0, 70, 130, 1.00); /* Blau */
  --colorHeadlineQuelle: rgba(0, 70, 130, 1.00); /* Blau */
  --lightBlueColor: rgba(0, 70, 130, 1.00); /* Blau */
  --quoteHeadlineColor: #F9DADE;
  --quoteTextColor:  #F9DADE;
  --quoteAuthorNameColor: #6dbbc9;
  --quotehover-headlinecolor: rgba(220, 0, 90, 1.00); /* Rot */
  --borderArticleNumber: rgba(0, 70, 130, 1.00); /* Blau */
  --colorArticleNumber: rgba(0, 70, 130, 1.00); /* Blau */
  --sliderContainerBG:  rgba(0, 70, 130, 1.00); /* Blau */
  --sliderTextColor: #F9DADE; /* Salmon Light */
  --sliderAuthorNameColor:  #F9DADE; /* Salmon Light */
  --sliderArrowColor:#F9DADE; /* Salmon Light */
  --barBgColorNormal: rgba(241, 177, 187, 1.00); /* Salmon */
  --barBgColorEurope: rgba(0, 70, 130, 1.00); /* Blau */
  --chartBgColor: #F9DADE; /* Salmon Light */
  --colorRed: rgba(220, 0, 90, 1.00); /* Rot */
  --colorBlue: rgba(0, 70, 130, 1.00); /* Blau */
  --colorYellow: rgba(250, 240, 10, 1.00); /* Gelb */
  --colorSalmonLight: #F9DADE; /* Salmon light */
  --colorSalmon: rgba(241, 177, 187, 1.00); /* Salmon */
  --colorWhite: rgba(255, 255, 255, 1.00); /* White */
  --colorOrange: rgba(250, 150, 0, 1.00); /* Orange */
  --colorBlueLight: rgb(109, 187, 201); /* Blau */
  --colorTuerkis: rgb(0,185,190); /*Tuerkis */
  --ideal-viewport-width: 1600;
  --current-viewport-width: 100vw;
  --min-viewport-width: 350px;
  --max-viewport-width: 3840px;
}


.liste_03 li a.menue_links,
.liste_03 ul li{
  font-size: clamp(1rem, 1.8vw, 32px);
}

.quote-container,
.slider-item-container,
p{
    font-size: clamp(1rem, 1.9vw, 30px);
    color: var(--colorYellow);
}

.readMore{
    font-size: clamp(0.9rem, 1.8vw, 28px);
    color: var(--colorYellow)!important;
}

.link_all_together,
.quelle{
    font-size: clamp(0.8rem, 1.7vw, 27px);
    font-family: "MaisonNeue";
    line-height: 120%;
    color: var(--colorYellow)!important;
}

.zahl_kreis {
  font-size: clamp(2rem, 4vw, 64px);
}

.head_newsletter,
.menue_head_newsletter {
  font-size: clamp(0.5rem, 1.5vw, 24px);
}

h1.main-headline{
    font-size: clamp(2rem, 6vw, 96px);
}

h1 {
    line-height: 100%;
    font-family: "MaisonNeue";
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    margin: 0 0 2% 0;
    font-size: clamp(2rem, 5.5vw, 95px);
    color: var(--colorYellow);
}

h2 {
    line-height: 120%;
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    margin: 0 0 3% 0;
    font-size: clamp(1rem, 2.4vw, 32px);
    color: var(--colorYellow);
}
h3 {
    font-size: clamp(2rem, 2vw, 30px);
    color: var(--colorYellow);
}
h4 {
    color: var(--colorYellow);
}
body {
  line-height: 1rem;
  font-family: "CharterITCPro-Regular";
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*background-color: var(--defaultBodyBg);*/
  background-color: rgba(0, 70, 130, 1.00); /* Blau */
  overflow-x: hidden!important;
}

.content-container>div:nth-of-type(even) {
  background-color: var(--backgroundOddChildDiv);
}

/* COLOR SCHEMAS ---------- */

.salmon_40 {
  color: #F1B1BB;
  /* Salmon 40% */
}

.bg_salmon_40 {
  background-color: rgba(241, 177, 187, 1.00);
  /* Salmon 40% */
}

.salmon_20 {
  color: #F9DADE;
  /* Salmon 20% */
}

.bg_salmon_20 {
  background-color: #F9DADE;
  /* Salmon 20% */
}

.yellow {
  color: rgba(250, 240, 10, 1.00); /* Gelb */
}

.bg_yellow {
  background-color: rgba(250, 240, 10, 1.00);
}

.white {
  color: white;
}

.bg_white {
  background-color: white;
}

.blue {
  color: rgb(0, 70, 130); /*Blau */
}

.bg_blue {
  background-color: rgb(0, 70, 130); /*Blau */
}

.light_blue {
 color: rgb(109, 187, 201) /* Light Blau */
}

.bg_blue_light {
    background-color: rgb(109, 187, 201); /* Light Blau */
}
.very_light_blue {
 color: rgb(153, 227, 229); /* Very Light Blau */
}

.bg_blue_very_light {
 background-color: rgb(153, 227, 229); /* Very Light Blau */
}

.darkBlue {
  color: #171d3b;
}

.bg_dark_blue {
  background-color: rgb(23, 29, 61);
}

.bg_eu_blue {
  background-color: rgb(0, 0, 255);
}
.red {
  color: rgb(220, 0, 90);
}

.bg_red {
  background-color: rgb(220, 0, 90);
}

.bg_black {
  background-color: black;
}

.black {
  color: black;
}
.orange {
    color:rgb(250, 150, 0); /* Orange */
    } 
.bg_orange {
    background-color:rgb(250, 150, 0); /* Orange */
}
.tuerkis{
    color: rgb(0,185,190); /*Tuerkis */
}
.bg_tuerkis{
    background-color: rgb(0,185,190); /*Tuerkis */
}

.bg_new_light_blue {
 background-color: rgb(82, 193, 221);
}

/* Layout-Objekte */
.flex-container {
  flex-wrap: nowrap;
  height: auto;
  width: 100%;
  display: flex;
  align-content: flex-start;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-container {
  box-sizing: border-box;
}

.breite_100 {
  width: 100%;
}

.breite_85 {
  box-sizing: border-box;
  width: 85%;
  display: block;
}

.breite_80 {
  box-sizing: border-box;
  width: 80%;
  display: block;
}

.breite_75 {
  box-sizing: border-box;
  width: 75%;
  display: block;
  /*float:left;*/
}

.breite_70 {
  box-sizing: border-box;
  width: 70%;
  display: block;
  /*float:left;*/
}

.breite_66 {
  box-sizing: border-box;
  width: 66.6%;
  display: block;
  /*float:left;*/
}

.breite_60 {
  box-sizing: border-box;
  width: 60%;
  display: block;
  /*float:left;*/
}

.breite_50 {
  box-sizing: border-box;
  display: block;
  width: 49%;
  /*float:left;*/
}

.breite_30 {
  box-sizing: border-box;
  display: block;
  width: 30%;
  /*float:left;*/
}

.inline {
  display: inline;
}

.breite_33 {
  box-sizing: border-box;
  display: block;
  width: 33.3%;
  /*float:left;*/
}

.breite_25 {
  box-sizing: border-box;
  display: block;
  width: 25%;
}

.breite_20 {
  box-sizing: border-box;
  display: block;
  width: 20%;
}

.breite_15 {
  box-sizing: border-box;
  display: block;
  width: 15%;
}

.clearer {
  clear: both;
}

.unsichtbar {
  display: none !important;
}

/* position boxes without floats */
.margin-left50 {
  margin-left: 50%;
}
.margin-top8{
  margin-top: 8%;
}
.margin-top15 {
  margin-top: 15%;
}
.margin-bottom10 {
 margin-bottom: 10%;
}
.margin-top30 {
  margin-top: 30%
}

.margin-top40 {
  margin-top: 40%
}

.margin-top50 {
  margin-top: 50%
}

.margin-top-60 {
  margin-top: 60%
}

.margin-top-70 {
  margin-top: 70%
}

.margin-bottom5 {
  margin-bottom: 5%;
}

.margin-bottom30 {
  margin-bottom: 30%
}

.margin-bottom35 {
  margin-bottom: 35%
}

.margin-bottom50 {
  margin-bottom: 50%
}

.margin-bottom55 {
  margin-bottom: 55%
}

.margin-bottom90 {
  margin-bottom: 90%
}

.margin-auto {
  margin: 0 auto;
}

/* Ende Layout-Objekte */

/* NOTE: Hamburger-Menue */

div#sidebar {
  background-color: rgba(241, 177, 187, 1.00);
 z-index: 90;
 position: fixed;
 display: inline-block;
 transition: all 0.3s ease-in-out;
 padding: 0 0 2% 0;
 height: 46.7vw;
 width: 100%;
 right: -100%;
 overflow: hidden;
 box-sizing: border-box;
}

.menue_button {
 position: fixed !important;
 z-index: 80;
 width: 4%;
 height: auto;
right: max(4vw, calc((100vw - 1920px) / 2 + 76.8px));
 top: min(2.8vw, 53.76px);
 padding: 1.5% 0.5% 1.2% 1.5%;
 background-color: rgba(241, 177, 187, 1.00);
 -webkit-border-radius: 20%;
 -moz-border-radius: 20%;
 border-radius: 20%;
}

svg.head_burger {
  width: 3vw;
  height: 2.4vw;
  fill: none;
  stroke: var(--colorBlue); /* Blau */
  stroke-width: 3;
}

svg.head_burger:hover {
  stroke: var(--colorRed);
}

@media (min-width: 1920px) {

 .menue_button {
 width: 76.8px;
 padding: 28.8px 9.6px 23px 28.8px;
 }

 svg.head_burger {
 width: 57.6px;
 height: 46.08px;
 }

}

.menue_button:hover {
  cursor: pointer;
}

.menue_button_schliessen {
  position: absolute;
  z-index: 100;
  width: 2.6%;
  height: 2.6%;
  margin: 0;
  right: 5.8%;
  top: 8.7%;
  transition: transform 0.4s linear;
  padding: 0% 0 1.4% 0;
}

.menue_button_schliessen:hover {
  cursor: pointer;
  transform: rotate(270deg);
}

svg.head_kreuz {
  fill: none;
  stroke: var(--colorBlue);
  /* Blau */
  stroke-width: 3;
  stroke-miterlimit: 10;
  width: 2.5vw;
}
svg.head_kreuz:hover {
    stroke: var(--colorRed);
}

div#sidebar div#liste_01 ol li a {
  color: var(--colorBlue);
}

div#sidebar div#liste_01 ol li a:hover {
  color: var(--colorRed);
}

#liste_01 {
  margin: 3% 0 0 35%;
  width: 55%;
}

div#liste_01 ol.menue_links li {
  font-family: "MaisonNeue";
  font-size: 2.5vw;
  line-height: 4vw;
  display: block;
  text-align: left;
  font-weight: bold;
  width: auto;
  text-indent: -7.2%;
  padding: 1.5% 0 0 0;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

div#sidebar div#liste_01 ol {
  counter-reset: section;
  list-style-type: none;
}

div#sidebar div#liste_01 ol li a::before {
  counter-increment: section;
  content: counters(section, ".") " ";
  vertical-align: middle;
  border: 0.2vw solid var(--colorYellow);
  width: 2.8vw;
  height: 2.8vw;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 3vw;
  font-size: 2.5vw;
}

div#liste_02 {
  position: absolute;
  margin: -10.4% 0 0 0;
  padding: 0 0 0 4%;
  z-index: 40;
  width: 17%;
}

div#liste_02 .menue_links {
  font-family: "MaisonNeue";
  font-size: 1.3vw;
  line-height: 200%;
  display: block;
  text-align: left;
  font-weight: bold;
  color: var(--colorBlue);
}

.liste_03 {
  position: absolute;
  right: 0%;
  top: 0%;
  margin: 11% 5.8% 0 0;
  z-index: 10;
}

.liste_03 li a.menue_links,
.liste_03 ul li {
  font-family: "MaisonNeue";
  line-height: 80%;
  display: block;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  width: auto;
}

.menue_3_en {
  margin-top: 10%;
}

.menue_3_zeichen_breit {
  /* Linie zwischen DE und EN */
  display: block;
  -webkit-transform: scale(1.8, 0.9);
  -moz-transform: scale(1.8, 0.9);
  -ms-transform: scale(1.8, 0.9);
  -o-transform: scale(1.8, 0.9);
  transform: scale(1.8, 0.9);
  margin: 0% 0% 0% -2.5%;
}

div#sidebar div#liste_01 ol li a.menue_links:hover {
  color: var(--colorRed);
}

div#sidebar div#liste_02 ul li a.menue_links:hover {
  color: var(--colorRed);
}

.liste_03 ul li a.menue_links:hover {
    color: var(--colorRed);
}

div#sidebar div#liste_01 ol li a.menue_links::before {
  color: var(--colorBlue);
  margin: 0 3% 0 -3.65%;
}

div#sidebar div#liste_01 ol li a.menue_links:hover::before {
  color: var(--colorRed);
}

.menue_ttr_logo {
  position: absolute;
  left: 0;
  top: 0;
  margin: 4% 0 0 4%;
  width: 19.5%;
}

.menue_kas_logo {
  margin: -2% 4% 3.5% 82%;
  width: 12.5%;
}

/* NOTE: Typo */

p {
  /*font-size: 1.9vw;*/
  line-height: 120%;
  color: rgba(0, 70, 130, 1.00);
  font-family: "CharterITCPro";
  text-align: left;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.zentriert {
  text-align: center;
}

p.zentriert {
  text-align: center;
  padding: 0 7% 0 7%;
}

.fliesstext p {
  padding: 1rem 0!important;
  color: var(--colorYellow);
}
.fliesstext p.yellow {
  padding: 1rem 0;
  color: var(--colorYellow);
}
.links {
  text-align: left;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.charter {
  font-family: "CharterITCPro-Regular";
}

.maison {
  font-family: "MaisonNeue";
}

.regular {
  font-family: "CharterITCPro-Regular";
}

.italic {
  font-family: "CharterITCPro-Italic";
}

.bold {
  font-family: "MaisonNeue";
}

.rechts {
  text-align: right;
}

h2,
h6 {
  font-family: "CharterITCPro-Italic";
}
h1.main-headline {
  width: 100%;
  text-align: left;
  color: var(--mainThemeHeadlineColor);
  margin: 0 0 0 4%;
  position: absolute;
  bottom: 0;
}
.main-headline-animation {
    animation-name: main-headline-animation;
	animation-duration: 2s;
	animation-fill-mode: forwards;
    bottom: 4%!important; /* neu */
    position: absolute; /* neu */
    width:92%!important;
}
@keyframes main-headline-animation {
  0%   {left:-100%;}
  100%  {left:0px;}
}
h3 {
  line-height: 120%;
  margin: 2% 0 1% 0;
  font-family: "MaisonNeue";
}

h4 {
  font-size: 1.8vw;
  line-height: 120%;
  font-family: "MaisonNeue";
}

h5 {
  font-size: 1.5vw;
  line-height: 120%;
  font-family: "MaisonNeue";
}

h6 {
  font-size: 1em;
  line-height: 1em;
}

a {
  font-weight: bold;
  text-decoration: none;
}

.quote-container {
  background-color: var(--colorBlue);
  width: 70%;
  border-radius: 2rem;
  padding: 2rem;
  box-shadow: 0px 0px 16px 1px rgba(23,29,59, 0.5); 
  -webkit-box-shadow: 0px 0px 16px 1px rgba(23,29,59, 0.5); 
  -moz-box-shadow: 0px 0px 16px 1px rgba(23,29,59, 0.5); 
  margin: 2rem 0;
  line-height: 120%;
  color: rgba(0, 70, 130, 1.00);
  font-family: "CharterITCPro";
  color: var(--colorBlue)
}

.quoteHeadline {
  font-family: sans-serif;
}


.quoteText{
  margin: 1vw 3vw;
  display: block;
  font-weight: 400;
  color: var(--colorSalmonLight);
}

.quoteHeadline,
.author-name {
  display: inline-block;
  font-weight: bold;
    color: var(--colorSalmonLight);
}

.author-name {
  font-style: italic;
  color: var(--colorBlueLight);
}

.quote-container:hover .quoteHeadline{
  color: var(--colorOrange);
}


/* Innenabstände für die Beitraege */
.content_beitrag {
  padding: 3% 4% 3% 4%;
  position: relative;
}

.beitrag_footer {
  position: relative;
  margin: 9% 0 0 0;
}

.quelle {
    position: absolute;
    color: #F1B1BB;
    display: block;
    bottom: 0;
    color: var(--colorYellow);
}

.quelle_head {
    color: var(--colorYellow);
}
.quelle_head_yellow {
    color: var(--colorYellow);
}
.link_all_together {
  display: block;
  right: 0;
  width: 15%;
  position: absolute;
  bottom: 0;
}
p a:hover {
  /*color: var(--colorBlue);*/
  color: var(--colorOrange);
}
.quelle a {
  color: var(--colorYellow);
}
.quelle a.yellow {
  color: var(--colorYellow);
}
.quelle a:hover {
  color: var(--colorOrange);
}
.quelle a.yellow:hover {
  color: var(--colorOrange);
}
.link_studie {
  display: block;
  float: right;
  margin: 0 3% 0 0;
  color: var(--colorYellow);
}
.link_studie_yellow {
  display: block;
  float: right;
  margin: 0 3% 0 0;
  color: var(--colorYellow);
}
.link_studie_yellow:hover {
  display: block;
  float: right;
  margin: 0 3% 0 0;
  color: var(--colorOrange);
}

.link_studie:hover {
  color: var(--colorOrange);
}

a:hover.over_blue {
  color: var(--colorBlue);
}

a:hover.over_red {
  color: var(--colorRed);
}

a:hover.over_yellow {
  color: var(--colorYellow);
}

.quelle_date {
  color: rgba(220, 0, 90, 1.00);
}

p a,
h1 a {
  color: var(--colorRed);
}

p.blue a:hover,
h1 a:hover {
  color: var(--colorBlue);
}

p.yellow a:hover,
h1 a:hover {
  color: var(--colorYellow);
}

/* NOTE: Videos */

.video {
  padding: 2% 4% 0 4%;
}

.video h1 {
  font-size: 2.7vw !important;
  padding: 1.2% 0 0 0;
  line-height: 120%;
  font-family: "CharterITCPro-Italic";
  -moz-hyphens: none !important;
  -o-hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}

.video h2 {
  font-size: 2vw !important;
  padding: 1.8% 0 0 0;
  line-height: 140%;
  font-family: "MaisonNeue"
}

.video h4 {
  font-family: "MaisonNeue";
  font-size: 1.5vw;
  margin: 0 0 0 0;
}

.video p {
  font-size: 2vw !important;
  padding: 0 0 0 0;
  font-family: "CharterITCPro-Italic";
}

.pictogramm_video {
  margin: 0 1.2% 0 1%;
  padding: 0 0 0 0;
  width: 8%;
  display: inline-block;
}

.video_vorschau_image {
  margin: 0 0 -0.95% 0;
}

p.pictogramme_video {
  font-family: "MaisonNeue";
  font-size: 1.6vw !important;
  margin: 4% 0 4% 0;
}

.video_player_button_links {
  position: absolute;
  margin: 2% 4% 0 -7%;
  width: 5vw;
}

.video_player_button_rechts {
  position: absolute;
  margin: 2% 4% 0 -31%;
  width: 5vw;
}

/* NOTE: Podcasts */

.podcast {
  padding: 2% 4% 0 4%;
}

.podcast h1 {
  font-size: 2.7vw !important;
  padding: 1.2% 0 0 0;
  line-height: 120%;
  font-family: "CharterITCPro-Italic";
  -moz-hyphens: none !important;
  -o-hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}

.podcast h2 {
  font-size: 2vw !important;
  padding: 1.8% 0 0 0;
  line-height: 140%;
  font-family: "MaisonNeue"
}

.podcast h4 {
  font-family: "MaisonNeue";
  font-size: 1.5vw;
  margin: 0 0 3% 0;
}

.podcast p {
  font-size: 2vw !important;
  padding: 0 0 0 0;
  font-family: "CharterITCPro-Italic";
}

.pictogramm_podcast {
  margin: 0 1.2% 0 0;
  width: 8%;
}

.podcast_vorschau_image {
  margin: 0 0 -0.95% 0;
}

p.pictogramme_podcast {
  font-family: "MaisonNeue";
  font-size: 1.6vw !important;
  margin: 4% 0 4% 0;
}

div#podcast_01 .podcast_player,
div#podcast_02 .podcast_player {
  width: 66%;
  margin: -3.2% 0% 0% 33.2%;
  padding: 0% 4% 3% 4%;
  box-sizing: border-box;
}

div#podcast_02 .podcast_player {
  margin: -3.25% 0% 0% 0%;
  padding: 0% 4% 3% 4%;
}

.podcast_time {
  width: 10%;
  font-size: 1.5vw !important;
  font-family: "MaisonNeue";
  padding: 0.5% 0;
}

podcast_content_head {
  font-size: 1.8vw !important;
}

.podcast_content {
  width: 90%;
  font-size: 1.5vw !important;
  font-family: "MaisonNeue";
  line-height: 130%;
  padding: 0.5% 0;
  box-sizing: border-box;
}

.podcast_timestamps {
  margin: 4% 0 4% 0;
}

div#an_pc01,
div#an_pc02,
div#an_pc03,
div#an_pc04,
div#an_pc05 {
  margin: 2% 0 0 0;
}

.pictogramm_podcast {
  margin: 0 1% 0 0;
  width: 7%;
}

p.pictogramme_podcast {
  font-family: "MaisonNeue";
  font-size: 1.6vw !important;
}

.podcast_timestamps a {
  color: rgba(0, 70, 130, 1.00);
  cursor: default;
}

.podcast_timestamps a:hover {
  color: rgba(220, 0, 90, 1.00);
  cursor: pointer;
}

/* Slider Slick */
/* Slider */



.slick-slider-container{
    margin-top: -12%;
    margin-bottom: -5%;
  /*background-color: var(--sliderContainerBG);*/
}

.slider-item-container{
	padding: 0;
	position: relative;
  line-height: 120%;
}

.slider-item-container .slider-quote{
  /*font-weight: bold;*/
  display: block;
}

.slider-item-container .slider-author-name{
  font-style: italic;
  display: block;
  padding-top: 0.5%;
}

.slider-item-container .link_ausgabe{
	position: absolute;
	right: 2.3vw;
	bottom: 1vw;
	font-size: 2vw;
}

.slider-item-container .slide-footer{
	position: absolute;
	bottom: 1vw;
	width: inherit;
}
.slider-item-container .link_ausgabe {
	display:block;
	float: none;
	text-align: right;
}

.slider-item-container .link_ausgabe a{
	display: inline-block;
}

/* slide when not active/center*/
/* .slick-slide,
.slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transform: scale(0.7, 0.7);
  transition: transform 0.3s;
} */
/* slide when active/center */
.slick-center,
.slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1, 1);
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: inherit !important;
  margin: 1rem 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.teaser-image-contaner{
	display: block;
	padding-bottom: 4vw;
}

.slick-prev{
  left: 2% !important;
}
.slick-next{
  right: 2% !important;
}
.slick-prev, .slick-next{
	width: auto !important;
	height: 100% !important;
	font-size: 3vw;
}
.slick-next::before{
	content: '\276F' !important;
}
.slick-prev::before{
	content: '\276E' !important;
}
.slick-next::before,
.slick-prev::before{
  color: rgb(0, 70, 130) !important;
	font-size: 5vw !important;
  line-height: 0 !important;
}

.slick-next:hover::before,
.slick-prev:hover::before{
	color: rgb(220,0,90) !important;
}

.slick-list{
  overflow: hidden;
  margin: 0 10% !important;
  padding: 0 !important;
}


.zahl_kreis {
  font-family: "MaisonNeue";
  text-align: center;
  vertical-align: middle;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  line-height: 3rem;
  width: 2.5rem;
  height: 2.5rem;
  border: solid 0.3rem;
  color: var(--colorYellow);
  padding: 0.7%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  display: Inline-Block;
  right: 4.5%;
}

.zahl_im_kreis {
  line-height: 2.5rem;
  color: var(--colorBlue);
}
.zahl_im_kreis_yellow {
  line-height: 2.5rem;
  color: var(--colorYellow);
}
.zahl_kreis_yellow {
   border: solid 0.3rem var(--colorYellow);
}
.zweistellig {
  font-size: 3.0vw;
}

.zahl_im_kreis_zweistellig {
  padding: 2% 7% 0 0;
  color: rgba(0, 70, 130, 1.00);
}

.hashtag {
  position: absolut;
  display: block;
  color: rgba(220, 0, 90, 1.00);
  text-decoration: none;
  font-family: "MaisonNeue";
  font-size: 1.8vw;
  line-height: 250%;
  margin: -15% 0 0 0;
  left: 0 !important;
}

/* NOTE: Head */

#head,
.head_animation_container {
  height: 46.7vw;
}

#head {
  display: block;
  text-align: center;
  width: 100% !important;
  box-sizing: border-box;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  position: relative;
}

.head_animation_container {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -3%;
  overflow: hidden;
}

.ttr_logo_gesamt {
  position: absolute;
  left: 0;
  top: 0;
  margin: 4% 0 0 4%;
  width: 19.5%;
  z-index: 50;
}

.ttr_logo_gesamt_en {
  position: absolute;
  left: 0;
  top: 0;
  margin: 4% 0 0 4%;
  width: 17.4%;
  z-index: 50;
}

a.kas_logo {
  width: 12.5%;
  z-index: 10;
  position: absolute;
  right: 3%;
  display: inline-block;
  bottom: 5%;
}

a.kas_logo .svg {
  filter: invert(.5);
}

a.kas_logo img{
  width: 100%;
  height: auto;
}

.head_newsletter,
.menue_head_newsletter {
  position: absolute;
  font-family: "MaisonNeue";
  top: min(4.22vw, 81px);
  right: 14%;
  border: 0.22vw solid var(--colorYellow);
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 0.4rem;
  padding: 0.5% 1%;
  text-align: center;
  z-index: 50;
  display: block;
  color: var(--colorYellow);
  box-sizing: border-box;
  background-color: rgba(241, 177, 187, 1.00); /* Salmon 40% */
}

.head_newsletter:hover,
.menue_head_newsletter:hover {
  border: 0.22vw solid var(--colorRed);
  color: var(--colorRed);
}

#head .head_animation {
  top: 13.48vw;
  left: 17%;
  width: 65% !important;
  height: auto;
  z-index: 1;
  position: absolute;
}

.marquee {
  width: 100%;
  margin: auto;
  padding: 0.5% 0 1% 0;
  margin: 10% 0 -0.5% 0;
  color: white;
  font-family: "MaisonNeue";
  font-size: 3vw;
  overflow: hidden;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
  box-sizing: border-box;
  display: block;
  z-index: 10;
}

.marquee:hover {
  animation-play-state: paused;
}

div#sidebar div#button_download {
  position: absolute;
  right: 4%;
  bottom: 20%;
}

div#sidebar div#button_download a img {
  width: 10vw;
}

.header-headline {
  text-align: left;
  margin-top: -9%;
  font-size: 7rem;
}




/* NOTE: Consent-Banner */
.cookieconsent-banner-opened {
  padding-bottom: 10% !important;
}

.cc-window {
  border-top: 0.1vw solid rgba(250, 240, 10, 1.00);
  font-family: "MaisonNeue";
}

div.cc-revoke.cc-bottom {
  border: 0.2vw solid rgba(0, 70, 130, 1.00);
  border-bottom: none;
  text-decoration: none;
  font-family: "MaisonNeue";
  display: none;}

.cc-deny,
.cc-allow,
.cc-link {
  font-family: "MaisonNeue";
}

/* NOTE: Footer */

div#footer.box {
    font-family: "MaisonNeue";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

div#footer.box div {
  padding: 0 1.5%;
  display: inline-block;
  font-size: 1.5vw;
  line-height: 120%;
}

p.copyright {
  font-size: 1.2vw;
  line-height: 120%;
  width: 100%;
  text-align: center !important;
  padding: 0 0 0 0 !important;
  box-sizing: border-box;
}

svg {
  fill: currentColor;
  width: 1.8vw;
}

div#footer.box div.footer_links_zweite_reihe svg {
  width: 2.5vw;
}

div#footer.box div.footer_links_zweite_reihe {
  padding: 0 0.8%;
}

div#footer.box div a {
  color: var(--colorYellow);
}

div#footer.box div a:hover {
  color: var(--colorOrange);
}

div#menu {
  text-align: center;
  display: block;
  width: 200%;
  margin: 0 auto 0 auto;
}

div#footer_button_download {
  margin: 10% 0 15% 0;
}

div#footer_button_download img {
  width: 10vw;
}

/* NOTE: Danksagung */

div#danksagung {
  z-index: 90;
  display: block;
  position: fixed;
  transition: all 0.3s ease-in-out;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  bottom: -100%;
  padding: 1% 4% 3% 4%;
  width: 90%;
  margin: 0 5%;
}

div#danksagung:hover {
  cursor: pointer;
}

div#danksagung p {
  font-size: 1.5vw;
  line-height: 120%;
  margin: 0 0 1.5% 0;
  padding: 0 0 0 0;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: var(--colorYellow);
}

div#quellenangaben {
    z-index: 90;
    display: block;
    position: fixed;
    transition: all 0.3s ease-in-out;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    bottom: -150%;
    padding: 1% 4% 3% 4%;
    width: 90%;
    margin: 0 5%;
}

div#quellenangaben:hover {
  cursor: pointer;
}

div#quellenangaben h4 {
    font-size: 2vw;
    line-height: 120%;
    font-family: "MaisonNeue";
    margin: 0 0 2% 0;
    color: var(--colorYellow);
}

div#quellenangaben p {
    font-size: 1.2vw;
    line-height: 120%;
    margin: 0 0 1.5% 0;
    padding: 0 0 0 2%;
    text-indent: -2.5%;
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    color: var(--colorYellow);
}

div#quellenangaben>p>a>svg {
  width: 1.5% !important;
  padding: 0 0 0 0.5%;
}

.readMore.en,
.readMore,
.readMore.en_yellow,
.readMore.de_yellow{
  font-weight: bold;
  /*color: var(--colorYellow);*/
  text-decoration: none;
  font-size: 1.8vw;
  line-height: 120%;
  cursor: pointer;
}
.readMore.en_yellow,
.readMore.de_yellow{
  /*color: var(--colorYellow);*/
}
.readMore::after,
.readMore_yellow::after{
  content: 'Weiterlesen ↓';
}

.readMore.active::after,
.readMore_yellow.active::after{
  content: '↑ Zuklappen';
}

.readMore.en::after,
.readMore.en_yellow::after{
  content: 'Expand ↓';
}

.readMore.en.active::after,
.readMore.en_yellow.active::after{
  content: '↑ Collapse';
}

.readMore.en:hover,
.less.en:hover .readMore:hover,
.readMore:hover,
.less:hover {
  /*color: var(--colorOrange)!important;*/
}
.readMore.en_yellow,
.readMore_yellow{
  font-weight: bold;
  /*color: var(--colorYellow);*/
  text-decoration: none;
  font-size: 1.8vw;
  line-height: 120%;
  cursor: pointer;
}
.readMore.en_yellow:hover,
.readMore_yellow:hover{
  /*color: var(--colorOrange);*/
}

.relative {
  position: relative;
}

.full-text {
  display: block;
  opacity: 1;
  transition: opacity 0.7s linear 2s;
}

.full-text.closed {
  display: none;
  opacity: 0;
}



@media (min-width: 1600px) {
  #content{
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
      overflow:hidden!important;
  }

  #head, .head_animation_container{
    max-height: 864px;
  }

  #sidebar{
    margin-top: -3%;
    min-height: 860px;
  }
  #sidebar .sidebar-container{
    max-width: 1920px;
    margin: 3% auto;
    position: relative;
    height: 100%;
  }
  div#liste_01{
    position: absolute;
  }
  div#liste_01 ol.menue_links li{
    font-size: 2.8rem;
  }
  div#liste_02{
    margin-top: 29%;
  }
  div#liste_02 .menue_links{
    font-size: 1rem;
  }

  }
@media only screen and (min-width: 481px) {
  .mobile_only {
    display: none!important;
  }
}