/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/roboto-condensed-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('/assets/fonts/roboto-condensed-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-condensed-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-condensed-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-condensed-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/assets/fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('/assets/fonts/roboto-condensed-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

body { background-color: #eee; }

/* Text */
strong { font-weight: 700; }
p, blockquote { font-family: 'Roboto Condensed', serif; font-size: 1.15rem; color: #333; font-weight: 500; }
p b { color: #3B6785; font-size: inherit; }
a { color: #3B6785; text-decoration: none; padding: 0 0.25rem 0 0.25rem; border-bottom: 2px dotted #3B6785; }
a:hover, a:focus { background-color: #3B6785; color: #fff; border-radius: 3px;}
p.date { font-size: 1rem; color: #999; }

/* Blockquotes */
blockquote { border-left: 2px dotted #3B6785 !important; font-style: italic; padding: 0 0 0 1rem; }


/* Affiliate Links*/
.affiliate::after {  font-family: FontAwesome; content: " \f00c"; color: #999; vertical-align: super; font-size: 0.5rem;}
.affiliate:hover::after { color: #fff; }
.affiliate.simple:hover::after { color: #999; }

/* Teaser */
.teaser p { font-size: 1.25rem; color: #666; font-weight: 600; }

/* Shadow */
.shadow { box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.2);}

/* Headlines */
h1, h2 { font-family: 'Roboto Condensed', sans-serif; color: #333; font-weight: 400; text-transform: uppercase; color: #3B6785; font-size: 2rem; }
h2 { font-size: 1.25rem; color: #3B6785; font-weight: 500;}
h3 { font-family: 'Roboto Condensed', serif;  font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #999; border-bottom: 1px solid #ccc;}
h4 { font-family: 'Roboto Condensed', serif;  font-size: 1.45rem;  color: #999;  font-weight: 500;}

h1 a, h2 a, h3 a, h4 a, a.simple { border: 0; padding: 0; background: none; color: inherit;}

/* Wraps */
main { padding: 5.55rem 0 0 0; }
.c1 { background-color: #3B6785; color: #fff; padding: 1rem 1rem 0.5rem 1rem; margin: 0 0 1rem 0;}
.c1 * { color: #fff !important; }
.c2 { background-color: #ddd; color: #fff; padding: 2rem 1rem 0 1rem; margin: 0 0 2rem 0; border-bottom: 2px solid #3B6785; border-top: 2px solid #3B6785;}

/* buttons */
.button, .button:hover, .button:focus { background-color: #eee; border-color: #3B6785; color: #3B6785; font-family: 'Roboto Condensed'; text-transform: uppercase; border: 3px solid #3B6785; border-radius: 0.4rem; }
.button:hover, .button:focus { background-color: #3B6785; border-color: #fff; color: #fff; box-shadow: 0px 0 2rem rgba(0,0,0,0.2)  }

/* Lists */
.content ul { font-family: 'Roboto Condensed', serif; font-size: 1.15rem; color: #333; font-weight: 500; list-style-type: none; margin: 0 0 1rem 0; }
.content ul li { border-bottom: 1px solid #ccc; padding: 0.25rem 0 0.25rem 0; }
.content ul li:before { font-family: FontAwesome; content: "\f13a"; padding: 0 1rem 0 0; color: #3B6785; }
.lexicon-short { font-size: 0.85rem; font-family: 'Roboto Condensed', serif; }
.lexicon-short a { font-weight: 600; }
.lexicon-questions { list-style-type: none; font-size: 0.85rem; margin: 0 0 2rem 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-transform: uppercase; color: #999;}
.lexicon-questions li { padding: 0 0 0.25rem 0; } 
.lexicon-questions li:before { font-family: FontAwesome; content: "\f05a";}
.footer-links { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; list-style-type: none; margin: 0;}
.footer-links li { border-bottom: 1px solid rgba(255,255,255,0.15); padding: 0.25rem 0 0.25rem 0; text-transform: uppercase; letter-spacing: 1px; }

/* Accordion */
.accordion { background: transparent; margin: 0; }
.accordion-title { padding: 1rem 0 1rem 1rem; border: 0; text-transform: uppercase; font-size: 0.85rem; font-weight: 400; }
.accordion-content { background: transparent; border: 0; padding: 0; }
.accordion-content.bordered { padding-left: 1rem; }
.accordion-title, .accordion-title:hover, .accordion-title:focus { background: none; color: #fff; }
.accordion-title::before { font-family: FontAwesome; content: "\f055"; font-weight: 400; margin-top: -0.35rem; left: 0; }
:last-child:not(.is-active) > .accordion-title, :last-child > .accordion-content:last-child { border-bottom: 0; }
.is-active>.accordion-title:before { font-family: FontAwesome; content: "\f056"; }


/* Placeholder */
.placeholder { background-color: #3B6785; text-align: center; padding: 2rem; margin: 0 0 1rem 0; min-height: 200px; color: #fff; }

/* Header */
header { background-color: #3B6785; padding: 1rem 0; color: #fff; }

/* Navigation */
.off-canvas { background-color: #3B6785; }
#mobile-nav { background-color: #3B6785; padding: 0.5rem 0 0.35rem 0; }
#mobile-nav *, .off-canvas a { color: #fff; }
.menu.vertical { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.25); padding: 1rem 0 1rem 0; letter-spacing: 1px; }
.menu.vertical.small { font-size: 0.75rem; }
.close-button { color: #fff; }
.off-canvas h2 { color: #fff; padding: 0.85rem 0 2rem 0;}
.menu .active > a { background-color: #fff; border: 0; color: #3B6785; }


#nav { margin: 0; position: fixed; width: 100%; z-index: 10; }
.top-bar {  font-family: 'Roboto Condensed', sans-serif; font-weight: 100; text-transform: uppercase; font-size: 1.25rem; letter-spacing: 1px;  }
.top-bar, .top-bar ul { background: transparent; }
.top-bar .menu > li > a { padding: 0 2rem 0 0; opacity: 0.6; }
.top-bar .menu-text a { padding: 0 2rem 0 0; opacity: 1 !important; }
.top-bar .menu .active > a { font-weight: 300; background: transparent; opacity: 1; }

/* Footer */
footer { background-color: #3B6785; padding: 2rem 0 4rem 0; }
footer * { color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 100; letter-spacing: 1px; font-size: 0.85rem;  }
footer a {  }

/* Logo */
.logo { background: #fff; min-height: 8rem; border-top: 1rem solid #fff; border-bottom: 1rem solid #fff; border-left: 3rem solid #fff;  border-right: 3rem solid #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; border-radius: 0.5rem; box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.1); margin: 0 0 2rem 0;}

/* Motive */
.motive { padding: 6rem 0 5rem 0; margin: 0; background-size: cover; background-position: 50% 50%; box-shadow: 0px 0 2rem rgba(0,0,0,0.1); background-attachment: fixed; }

.motive h1 { background-color: #3B6785; color: #fff; display: inline; box-shadow: 1rem 0 0 #3B6785, -1rem 0 0 #3B6785;  }
.motive .interview_with { color: #fff; background-color: #3B6785; display: inline; padding: 0 1rem 0 1rem; }

/* Tags */
ul.tags { font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px; list-style-type: none; font-size: 0.75rem; text-transform: uppercase; color: #fff; font-weight: 400; margin: 0; }
ul.tags:after { content: ''; display: block; clear: both; }
ul.tags li { background-color: #3B6785; float: left; padding: 0 0.5rem; border-radius: 0.15rem; margin: 0 0.2rem 0.1rem 0;}
ul.tags li a, ul.tags li a:hover { color: inherit; border: 0; background-color: inherit; }
ul.tags li .fa { color: #fff; opacity: 0.5; }

/* Question / Answer */
.question { padding-top: 2rem; padding-bottom: 2rem; }
.question .questioner { color: #999; }
.question .questioner:after { content: '.de'; }
.answer p:nth-child(1) { text-indent: 1.5rem; }
.answer p:nth-child(1):before { content: '"'; color: #3B6785; font-size: 4rem; position: absolute; margin: -1.75rem 0 0 -3.5rem; font-style: italic; padding: 0 1rem 0 0;}

.quote { background-color: #fff; padding: 1rem; margin: 0 0 3rem 0; }
.quote.arrow::before, .quote.arrow::after { content: ' '; display: block; width: 2rem; height: 2rem; background-color: #fff; position: relative; left: 100%; transform: rotate(45deg); z-index: 0; } 
.quote.arrow::after { left: 2rem; position: absolute; display: none; }

/* Face */
img.face { overflow: hidden; margin: 0 0 1rem 0; border: 5px solid #3B6785; border-radius: 50%; width: 8rem; height: 8rem; } 
img.face-small { width: 4rem; height: 4rem; }
background: #fff; background-size: cover; background-position: 50% 50%; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }

.face-info { font-family: 'Roboto Condensed', sans-serif; color: #333; font-weight: 400; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px;  color: #3B6785; line-height: 0.25rem;  }
.off-canvas img.face { width: 3rem; height: 3rem; border-color: #fff; border: 3px solid #fff; }
.off-canvas .face-info { color: #fff; font-weight: 200; }

/* Images */
figure img { margin: 0 0 2rem 0; box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.2);}
img.round { margin: 0 0 1rem 0; border: 5px solid #3B6785; border-radius: 50%; width: 4rem; height: 4rem; background: #fff; background-size: cover; background-position: 50% 50%; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }

/* Video */
figure.video { position: relative; padding-bottom: 56.25%; margin-bottom: 3rem; }
figure.video iframe { position: absolute; top: 0;left: 0; width: 100%; height: 100%; }

/* TOC */
#toc ul { list-style-type: decimal; margin: 0 0 0 1.5rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; color: #999;}
#toc ul a { border-width: 0; }

/* Hacks */
@media screen and (min-width: 64em) {

}


@media screen and (max-width: 64em) {
   main { padding: 0; }
   .footer-links { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
   .quote.arrow::before { display: none; }
   .quote.arrow::after { display: block; }
}

@media screen and (max-width: 39.847em) {
   #toc ul { column-count: 1; }
   .footer-links { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
} 



/* Pagination */
.pagination{
  text-align: center;
}

.pagination a{
  border-radius: 0.4rem;
}

.pagination a:hover, .pagination a[aria-current="page"]{
  background-color: #3B6785;
  border-color: #fff;
  color: #fff;
  box-shadow: 0px 0 2rem rgba(0,0,0,0.2);
}

/* Cookie-Banner */

#cookieChoiceInfo .row{
  padding-top: 30px;
}

#cookieChoiceInfo .row-selection{
  align-items: center;
}

#cookieChoiceInfo button, p + .cookiebannerstart, .btn-activate-iframe{
  background-color: #eee;
  border-color: #3B6785;
  color: #3B6785;
  font-family: 'Roboto Condensed';
  text-transform: uppercase;
  border: 3px solid #3B6785;
  border-radius: 0.4rem;
  padding: 0.85em 1em;
  font-size: .9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

#cookieChoiceInfo button:hover, p + .cookiebannerstart:hover, .btn-activate-iframe:hover{
  background-color: #3B6785;
  border-color: #fff;
  color: #fff;
  box-shadow: 0px 0 2rem rgba(0,0,0,0.2);
}

.cookiebannerstart{
  margin-bottom: 40px;
  width: auto;
}

.btn-activate-iframe{
  width: auto;
}

#cookieChoiceInfo .row-links a + a:before{
  content: none;
}

.iframe-wrapper .iframe-inactive{
  background: #b9b9b9;
}