/* exo-2-500 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('/fileadmin/reisekostenrechner.com/fonts/exo-2-v6-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Medium'), local('Exo2-Medium'),
       url('/fileadmin/reisekostenrechner.com/fonts/exo-2-v6-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/reisekostenrechner.com/fonts/exo-2-v6-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/reisekostenrechner.com/fonts/exo-2-v6-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/reisekostenrechner.com/fonts/exo-2-v6-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/reisekostenrechner.com/fonts/exo-2-v6-latin-500.svg#Exo2') format('svg'); /* Legacy iOS */
}

.caption-h1 {
    color: #fff;
    position: absolute;
    right: 0;
    top: 60%;
    font-family: 'Exo 2', sans-serif;
    font-size: 38px;
    line-height: 1;
    background-color: #009ee0;
    padding: 8px 250px 12px 50px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.caption-h2 {
    color: #fff;
    position: absolute;
    right: 240px;
    top: 74%;
    font-family: 'Exo 2', sans-serif;
    font-size: 28px;
    line-height: 1;
    background-color: #009ee0;
    padding: 4px 20px 10px 20px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}


header#page-header{
    background-color: #0d437e !important;
}
.navbar-mainnavigation .navbar-brand-image {
    visibility: hidden;
}

/* Layout Mittig */
.frame-layout-mittig .frame-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}


h1.element-header,
h2.element-header {
  color: #009ee0;
  font-size: 1.6em;
  font-family: 'Exo 2', sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-direction: column;
}
h1.element-header:after,
h2.element-header:after {
    width: 70px;
    display: block;
    padding-top: 30px;
    border-bottom: 5px solid #c2d998;
    border-top: none;
    margin: 0 0 35px 0;
    content: "";
}

ul.list-check {
    padding-left: 0;
}
ul.list-check li {
    list-style: none;
}

ul.list-check li:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url('/fileadmin/reisekostenrechner.com/img/check.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.frame.frame-type-icon_group {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.frame.frame-type-icon_group .frame-inner {
    display: flex;
    justify-content: center;
}
.icongroup-align-center {
    justify-content: space-around;
    width: 75%;
}
.icongroup-item {
    flex-direction: column;
}
.icongroup-item-icon {
    width: 80px;
    margin-right: 0;
}
.icongroup-item-text {
    font-family: "Exo 2", sans-serif;
    font-size: 0.7em;
    text-transform: uppercase;
}


.card {
    border: none;
    -webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.10);
    box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.10);
}

.footer-section-content {
    background-color: #0d437e;
}
.footer-section-content a:not(.btn) {
    color: #009ee0;
}

.btn {
    font-family: 'Exo 2', sans-serif;
}
.btn-lg {
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 0.4rem 1rem 0.6rem;
}
.btn.btn-rounded {
    border-radius: 15px;
}


@media (max-width: 767.98px) { 
    .carousel .carousel-item {
	padding: 0;
    }
    .caption-h1 {
	padding-right: 50px;
	top: 52%;
    }
    .caption-h2 {
	right: 25px;
	top: 71%;
    }

    .icongroup-align-center {
        width: inherit;
    }
}

.cc-window.cc-banner,
.cc-revoke.cc-bottom {
  font-size: 14px;
}
.cc-btn.cc-deny {
  color: #999 !important;
}
.cc-btn {
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Typo3v14 Upgrade fixes */
.navbar-mainnavigation .navbar-brand {
    height: 0;
}
.frame-background-primary .icongroup-item-text-header > a {
  color: #fff;
}
.btn-primary {
  color: #fff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0083ba
}