/* cormorant-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/cormorant-garamond-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v16-latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}
/* cormorant-garamond-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/cormorant-garamond-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v16-latin-italic.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}
/* cormorant-garamond-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cormorant-garamond-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/cormorant-garamond-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v16-latin-700.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}
/* cormorant-garamond-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/cormorant-garamond-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/cormorant-garamond-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v16-latin-700italic.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}




#header .logo img {margin:-10px 0 0 0;max-width:250px;width:100%;transition: all .5s;}
.subpage #header .logo {margin-top:0px;}
.subpage #header.header-scrolled .logo {margin-top:-6px;}
.subpage #header.header-scrolled .logo img {/*width:60%;*/}
.home #header.header-scrolled .logo img {width:250px;}
.home #header.header-scrolled .logo {margin-top:0px;}
/* .subpage #header .logo img {margin:5px 0 0 0;}*/
.subpage #header nav.main-nav, .home #header nav.main-nav {margin-top:0px;}
.subpage.scrolled #header nav.main-nav, .home.scrolled #header nav.main-nav {margin-top:10px;}
.subpage #header.header-scrolled .main-nav .drop-down div.submenu, .home #header.header-scrolled .main-nav .drop-down div.submenu {margin-top:70px;}
#header.header-scrolled .logo img {width:240px; margin-top:0px;}
/* #header .logo img.altlogo2 {display: none;opacity: 0;transition: all .5s} */
#header.header-scrolled .logo img.altlogo2, .subpage #header .logo img.altlogo2 {opacity:1; display: block;}
#header.header-scrolled .logo img.altlogo1,  .subpage #header .logo img.altlogo1 {display: none;opacity: 0;}

@media (min-width: 1191px) {
  #header .logo img {margin:-50px 0 0 0;}  
  #header.header-scrolled .logo img  {margin:-6px 0 0 0;}
  .home #header.header-scrolled .logo img  {margin:-8px 0 0 0;}
  .subpage #header.header-scrolled .logo img {width:100%;margin:0px 0 0 0;}
}

@media (max-width: 1440px) {
  #header .logo img,   .subpage #header .logo img {width:250px;margin:-13px 0 0 0;}
  #header.header-scrolled .logo img, .home #header.header-scrolled .logo img {width:250px;margin:-13px 0 0 0;}
  .subpage #main { margin-top: 70px;}
  .subpage #header .logo {margin-top:0px;}
.subpage #header.header-scrolled .logo {margin-top:0px;}
.home #header {height:90px;}
.home #header.header-scrolled, .home #header {height:70px;}
}
@media (max-width: 991px) {
.subpage .col-sm-12, .subpage .white, .subpage .white > .container, .subpage .white > .container .feature-item .col-lg-12, .subpage .col-lg-3.sidebar {padding:0;}
.sidebar {padding-bottom:2em;margin-left:0;margin-bottom:2em;}
.mainbar {margin-left:0;overflow:hidden;border-bottom:1px solid #999;margin-bottom:1em;}
}
@media (max-width: 576px) {
.drv, .dfv {width:70px;padding:.4em 1em .4em .6em}
.dfv {top: 150px;}
}
/*--------------------------------------------------------------
# TYPO & COLORS
--------------------------------------------------------------*/
body { font-family: "Roboto", sans-serif; }
h1,h2,h3,h4,h5,h6 {font-family: "Ubuntu", sans-serif;font-weight: 400;}
a {color: #1bb1dc;}
a:focus {color:black;}
.back-to-top {background: #94c11f;color: #fff;}
.back-to-top i {color: #fff;}
#topbar .social-links a {color: #535074;}
.home #topbar .social-links a {color: #fff;}
#topbar .social-links a:hover {color: #1bb1dc;}
.subpage #header {background: rgba(255,255,255,1);}

.home #header.header-scrolled {background: white;}
#header a.logo, .home #header.header-scrolled a.logo {font-size: 1.5em;color:#444;font-family: "Ubuntu", sans-serif;}
.home #header a.logo {color:white;}
.home #header {
background: white;} 
#header.header-scrolled,
#header.header-pages {background-color: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);}
.subpage #header {box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);}
#header .logo h1 a, #header .logo h1 a:hover {color: #413e66;}
.fullimage .overlay {background-color: #333;}
.fullimage .bildspeltext p, .fullimage .bildspeltext a { color: #fff;}
.fullimage .bildspeltext p {font-weight: 400;font-size:1.75em;font-family: "Ubuntu", sans-serif;}
.fullimage .bildspeltext  h2 {line-height: 1;color: white; font-size:3.5em;font-weight:700;}
.fullimage .bildspeltext a.btn-theme {color: #000;background-color: #ffd900;font-weight: 700;font-size: 1.1em;text-transform: uppercase;font-family: "Ubuntu", sans-serif;font-weight: 400;letter-spacing: .15em;}
.breadcrumb-wrapper div.breadcrumb {font-weight:400;font-size: 14px;font-family: "Ubuntu", sans-serif;}
.breadcrumb-wrapper .home_link:after {color: #ccc;}
.rex-breadcrumb li:last-of-type a {color: #666}
.promo-more {border:1px solid #000; color: #000;}
.promo .feature-item:hover .promo-more {color:white !important; border-color: black !important;background: black;}
.promo-title {font-weight:700;}
.four_teaserblocks .teaserbox-small h3, .four_teaserblocks h3 {font-size:1em;font-weight: 500;}
.four_teaserblocks .teaserbox-small:hover h3, .four_teaserblocks .teaserbox-small:hover p {color:#009fde;}
.squareimg .imgtext {background: rgba(0,106,138,.25);}
.squareimg .imgtext2 {background: rgba(0,106,138,.25);}
.teaserbox-small:hover .squareimg .imgtext, .teaserbox-small:hover .squareimg .imgtext2 {background: rgba(255,255,255,.85);}
.squareimg .imgtext h3, .squareimg .imgtext2 h3 {color:white; text-transform: uppercase; font-weight: 700;}
.squareimg .imgtext h3.big, .squareimg .imgtext2 h3.big {font-size: 1.75em;}
.squareimg .imgtext2 h3.small, .squareimg .imgtext h3.small {font-size: 1.2em;}
 .promo.iconboxbg .container .row.feature-item .iconbox:hover { color:#1bb1dc;}
 .promo.iconboxbg i.fa {font-size: 2.15em;color:#1bb1dc;}
 .promo.iconboxbg .promo-title {font-weight: 700;font-size:1.1em;}
 .promo.iconboxbg p {color:#888;}
 .main-nav a, .home .header-scrolled .main-nav li.level_1 > a {color: #413e66;font-size: 14px;font-family: "Ubuntu", sans-serif;text-transform: uppercase;font-weight: 400;}
.home .main-nav a {color:black;}
 .main-nav a:hover,.main-nav .active > a,.main-nav li:hover > a, .home .header-scrolled .main-nav .active > a {color: #1bb1dc;text-decoration: none;}
 .home .main-nav a:hover, .home main-nav .active > a, .home .main-nav li:hover > a {color:  #1bb1dc;}

.main-nav .drop-down div.submenu {border-top: 1px solid #999;}
#header .main-nav .drop-down div.submenu div.container h3 {font-size: 1.5em; border-bottom:1px solid #999;}
.main-nav .drop-down ul a {font-size: 16px;font-weight: 500;text-transform: none;color: #065e77;}
.main-nav ul.first li.drop-down ul.second a {font-size: 14px;font-weight: 400;color: #68858d;}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a,
.main-nav ul.first li.drop-down ul.second a:hover {color: #1bb1dc;}
.mobile-nav {background: rgba(40, 38, 70, 0.8);}
.mobile-nav li {border-bottom:1px solid rgba(207, 204, 255, 1)}
.mobile-nav li.drop-down ul {border-top:1px solid rgba(207, 204, 255, 1)}
.mobile-nav li:last-of-type {border-bottom: transparent}
.mobile-nav .drop-down ul {background: #fff;}
.mobile-nav .drop-down ul .drop-down ul {background: #f0f0f0;}
.mobile-nav ul.menu .drop-down .submenu ul.first li ul.second li {background: #efefef;}
.mobile-nav-toggle i {color: #065e77;}
.mobile-nav-overly {background: rgba(40, 38, 70, 0.8);}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
.ham-bar1, .ham-bar2, .ham-bar3,body.scrolled .ham-bar1, body.scrolled .ham-bar2, body.scrolled .ham-bar3{background-color: #333;}
.home .ham-bar1,.home  .ham-bar2, .home .ham-bar3 {/*background-color: #fff;*/}
.sidebar ul.rex-navi1 > li > a {font-weight:700;}
.sidebar ul.rex-navi1 li a {font-size: 14px;font-family: "Ubuntu", sans-serif;font-weight: 400;}
.sidebar ul.rex-navi1 > li > a {font-weight:700;}
.sidebar ul.rex-navi1 > li.rex-current > a, .sidebar ul.rex-navi2 > li.rex-current > a {color:#888;}
.section-header h3 {font-size: 36px;color: #413e66;text-align: center;font-weight: 700;font-family: "Ubuntu", sans-serif;}
.section-header p {font-size: 15px;color: #535074;}
#footer {font-size: 14px;background: #fff;}
#footer .footer-top { background: #f5f8fd;}
#footer .footer-top .footer-info h3 {font-size: 34px;line-height: 1;font-family: "Ubuntu", sans-serif;color: #413e66;font-weight: 400;letter-spacing: 3px;text-transform: uppercase;}
#footer .footer-top .footer-info p {font-size: 13px;line-height: 24px;font-family: "Ubuntu", sans-serif;color: #535074;}
#footer .footer-top .social-links a {font-size: 18px;background: #1bb1dc;color: #fff;  line-height: 1;}
#footer .footer-top .social-links a:hover {background: #0a98c0;color: #fff;}
#footer .footer-top h4 {font-size: 14px;font-weight: bold;color: #413e66;text-transform: uppercase;}
#footer .footer-top .footer-links ul a {color: #696592;}
#footer .footer-top .footer-links ul a:hover {color: #1bb1dc;}
#footer .footer-top .footer-contact p {line-height: 26px;}
footer div.logo a {color:#333;font-family: 'Ubuntu', sans-serif;}
footer div.logo a img {max-width:300px;}


@media (max-width: 576px) {
.fullimage .bildspeltext p {font-size:1.35em;}
.fullimage .bildspeltext  h2 {font-size:2.5em;}
.squareimg .imgtext h3.big, .squareimg .imgtext2 h3.big {font-size: 1.25em;}
footer div.logo a img {max-width:100%;}
}


.four_teaserblocks .teaserbox-small {display: flex; flex-direction: column;align-self:flex-end}
.four_teaserblocks .teaserbox-small h3 {align-self: flex-start;margin-top: auto;}
.four_teaserblocks img {margin-top:auto; margin-bottom: 10px;}



.breadcrumb-wrapper div.breadcrumb {border-top:none;margin-top:1rem;padding:1.5rem 0 20px 0;}
/*--------------------------------------------------------------
# Interview
--------------------------------------------------------------*/
.interview {padding:0 2rem;}
.interview,  .interview h1, .interview h2, .interview h3, .interview h4, .interview h5, .interview h6 {font-family: 'Cormorant Garamond', serif;}
.interview h1, .interview h2, .interview h3, .interview h4, .interview h5, .interview h6 {font-weight: 700;}
.interview .heading {margin-top:3rem;padding-bottom: 20px;}
.interview .heading h1 {font-size: 4.5rem;} 
.interview .heading p   {font-size: 1.5rem;}
.interview .talk   {font-size: 1.5rem;padding-bottom:30px;}
.interview .talk .frage   {/*font-family: 'ubuntu', sans-serif*/;font-weight: 700;padding-bottom: 20px;display: block;}
.interview .talk .antwort:before {content: '–';float:left; margin-right:10px;}
.interview .talk .antwort {}
.interview .talk .zitat {font-size: 3rem;font-style: italic;font-weight: 700;line-height: 110%;display: block;margin:4rem 0 3rem -12rem;border-top:1px solid #333;border-bottom:1px solid #333;padding:1.5rem 2rem 1.5rem 3rem;text-indent: -1rem;}
.interview .heading span.fett {font-weight: 700; font-size: 1.75rem; margin-bottom: 1rem;display: block;}
.interview .heading .full img {width:100%;}
.interview .container {max-width: 780px !important;}
.interview span.top {font-family: 'ubuntu', sans-serif;display: block;color:#444;margin-left:-12rem;margin-bottom:2rem;text-transform: uppercase;}
.interview .bildbyline {color:#777;font-size: .85rem;margin-bottom: 2rem;padding:5px 0 0 20px;text-align: right;}
.interview .full {margin-left:-12rem;margin-right:-12rem;}

@media (max-width: 1164px) {
.interview .talk .zitat {margin:4rem 0 3rem -6rem;;padding:1.5rem 2rem 1.5rem 2rem;}
.interview .full {margin-left:-6rem;margin-right:-6rem;}
.interview span.top {margin-left:-6rem;}
}

@media (max-width: 1037px) {
.interview .talk .zitat {margin:4rem 0 3rem -4rem;;padding:1.5rem 2rem 1.5rem 2rem;}
.interview .full {margin-left:-4rem;}
.interview span.top {margin-left:-4rem;}
}
@media (max-width: 973px) {
.interview .full {margin-right:-3rem;}

}
@media (max-width: 909px) {
.interview .talk .zitat {margin:2.5rem 0 2rem 0rem;padding:1.5rem 2rem 1.5rem 2rem;}
.interview .full {margin-left:0rem;margin-right:0rem}
.interview span.top {margin-left:0rem;}
}
@media (max-width: 576px) {
.interview .heading h1 {font-size: 3rem;} 
.interview .talk   {font-size: 1.25rem;padding-bottom:15px;}
.interview .heading p   {font-size: 1.25rem;}
.interview .heading span.fett {font-size: 1.45rem;}
.interview .talk .zitat {font-size: 2rem;padding:1.5rem 1rem 1.5rem 1rem;}
.interview .full {margin-left:0rem;}
.interview span.top {margin-left:0rem;}
}
.interview .gallery {justify-content: space-between;margin:0 auto 3rem auto !important;}
.interview .gallery a.image {border:1px solid grey; display:inline-block;}
.interview .gallery a.image.col-4 {padding:0;flex: 0 0 30.333333%;max-width: 0 0 30.333333%;margin:1rem 0}
.interview .gallery a.image img {width:100%;}
.interview .gallery a.image:hover {transform: scale(1.1);}
.interview .gallery .rubrik {font-size: 1.5rem;font-weight: 700;padding-bottom: 20px;width:100%;}

.interview .social-links {/*border-top:1px solid #666*/;margin:3rem 0;}
.interview .social-links a {
  font-size: 32px;
  display: inline-block;
  background: #333;
  color: #fff !important;
  padding: 8px 0;
  margin: 0 2rem 2rem 0;
  border-radius: 50%;
  text-align: center;
  width: 66px;
  height: 66px;
  transition: 0.3s;
}

.interview .social-links a:hover {
  background: #ddd;
  color: #333 !important;
}
.interview .faktenheader {border-top:1px solid #5e97ab; color: #5e97ab;font-family: 'ubuntu', sans-serif;font-size: 1.35rem;font-weight: 700;margin-bottom:1rem;padding-top:2rem;}
.interview .fakten {background-color: #5e97ab;font-family: 'ubuntu', sans-serif;color:white; padding:2rem;font-size: 1.35rem;}
.interview .fakten span {font-weight: 700;}
.interview .fakten .name {border-bottom:1px solid white;font-size: 1.75rem;font-weight:700;margin-bottom:1rem;padding-bottom:1rem;}
.interview .fakten .url a {color:white;}
.interview .fakten .url a:after {content:'';color:white;font-family: 'fontawesome';font-size: .85rem;margin-left:6px;}
.interview .fakten .url a:hover {color:black;}

@media (max-width: 1440px) {
    nav.main-nav {display: none!important;}
    button.mobile-nav-toggle, div.mobile-nav-toggle,nav.mobile-nav {display:block !important}
    #topbar {position: absolute;
right: 40px;
display: block;
overflow: hidden;
top:10px;
width: 100%;}
#topbar .sicons {display:none;}

    #header {
        height: 70px;
        padding: 15px 0;
    }

    #header .logo h1 {
        font-size: 28px;
        padding: 8px 0;
    }
    #header.header-scrolled #topbar, #header.header-pages #topbar {display: inline-block;}
}