@font-face{
	font-family:"Gill Sans MT W01 Medium";
	font-display: swap;
	src:url("../vendor/fonts/7dfa42fb-a44b-40e2-9d13-1572b057bc3b.eot?#iefix");
	src:url("../vendor/fonts/7dfa42fb-a44b-40e2-9d13-1572b057bc3b.eot?#iefix") format("eot"),url("../vendor/fonts/5dcd1b38-d595-4966-9d40-696b7b29c0cd.woff2") format("woff2"),url("../vendor/fonts/b9947f64-d079-4c63-bcb3-d50ea832f4d9.woff") format("woff"),url("../vendor/fonts/a31574bd-1c0f-4a52-9972-b406d623dbc9.ttf") format("truetype");
}
@font-face{
	font-family:"Gill Sans MT W01 Bold";
	font-display: swap;
	src:url("../vendor/fonts/1a389c67-1221-496f-9e75-86343b47d59b.eot?#iefix");
	src:url("../vendor/fonts/1a389c67-1221-496f-9e75-86343b47d59b.eot?#iefix") format("eot"),url("../vendor/fonts/86470f48-8e3a-4e92-814b-253f9befd235.woff2") format("woff2"),url("../vendor/fonts/6f221e27-e272-4694-960b-a1fad35ed77d.woff") format("woff"),url("../vendor/fonts/2226e437-881d-493c-92d4-551a25b6672c.ttf") format("truetype");
}


@font-face{
	font-family:"Anaheim";
	font-display: swap;
	src:url("/fonts/Anaheim-Regular.ttf");
}


body,
html {
width: 100%;
height: 100%;
}

body {
font-family: 'Anaheim', sans-serif;
}

h1,h2,h3,h4,h5,h6 {

hyphens: manual;
}

h1, h2 {

letter-spacing: 2px;
margin-bottom: 2rem;
}

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

a:hover {
color: #b93a7a;
text-decoration: none;
}

a:hover, a:focus, a:active {
color: #a32235;
}

.content-section {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}

.content-section-heading h2 {
font-size: 3rem;
}

.content-section-heading h3 {
font-size: 1rem;
text-transform: uppercase;
}

.text-faded {
color: rgba(255, 255, 255, 0.7);
}

.scroll-to-top {
position: fixed;
right: 15px;
bottom: 15px;
display: none;
width: 50px;
height: 50px;
text-align: center;
color: white;
background: rgba(52, 58, 64, 0.5);
line-height: 45px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
color: white;
}

.scroll-to-top:hover {
background: #343a40;
}

.scroll-to-top i {
font-weight: 800;
}

.header-viewport{
	background-image: url(/img/headerbild.jpg);
	background-size: cover;
}

.mva-card {
min-height: 100%;
color: #fff;
position: relative;
display: table;
width: 100%;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
background-position: center center;
background-size: cover;
border: 0;
border-radius: 0;
}




.mva-card h1 {
font-size: 2rem;
margin: 30px 20px;
padding: 0;
}

@media (min-width: 992px) {
.mva-card {
height: auto;
}
.mva-card h1 {
font-size: 3rem;
}
}

/* Side Menu
#sidebar-wrapper {
position: fixed;
z-index: 2;
right: 0;
width: 250px;
height: 100%;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
-webkit-transform: translateX(250px);
transform: translateX(250px);
background: #555;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
}

.sidebar-nav li.sidebar-nav-item a {
display: block;
text-decoration: none;
color: #fff;
padding: 15px;
}

.sidebar-nav li a:hover {
text-decoration: none;
color: #fff;
background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
font-size: 1.2rem;
background: rgba(52, 58, 64, 0.1);
height: 80px;
line-height: 50px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
}

.sidebar-nav > .sidebar-brand a {
color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}

#sidebar-wrapper.active {
right: 250px;
width: 250px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.menu-toggle {
position: fixed;
right: 15px;
top: 15px;
width: 50px;
height: 50px;
text-align: center;
color: #fff;
background: rgba(52, 58, 64, 0.5);
line-height: 50px;
z-index: 999;
}

.menu-toggle:focus, .menu-toggle:hover {
color: #fff;
}

.menu-toggle:hover {
background: #343a40;
}*/

footer.footer {
padding-top: 5rem;
padding-bottom: 5rem;
}

footer.footer .social-link {
display: block;
height: 4rem;
width: 4rem;
line-height: 4.3rem;
font-size: 1.5rem;
background-color: #1D809F;
-webkit-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

footer.footer .social-link:hover {
background-color: #155d74;
text-decoration: none;
}

.card-content, .site-content {
padding:40px;
text-align: left;
}

.section-text {
font-size: 1.35rem;
line-height: 1.4em;
}

.bg-secondary {
background-color: #22a7df !important;
}

.bg-light{
 background: rgb(42,127,181);
background: -moz-linear-gradient(144deg, rgba(42,127,181,1) 20%, rgba(214,82,149,1) 100%);
background: -webkit-linear-gradient(144deg, rgba(42,127,181,1) 20%, rgba(214,82,149,1) 100%);
background: linear-gradient(144deg, rgba(42,127,181,1) 20%, rgba(214,82,149,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a7fb5",endColorstr="#d65295",GradientType=1);
}


/*.bg-light{
background: rgba(0, 0, 0, 0) linear-gradient(314deg, rgb(214, 82, 149), rgb(42, 127, 181), rgb(214, 82, 149),
rgb(42, 127, 181)) repeat scroll 0% 0% / 400% 400%;
animation: 41s ease 0s infinite normal none running CustomAnimation;
}*/

.text-secondary {
color: #fff !important;
}

.text-bright {
color: #2a7fb5 !important;
}

.btn-next {
position: absolute;
height: 64px;
width: 150px;
margin-right: auto;
margin-left: auto;
bottom: 60px;
left: 0;
right: 0;
text-align:center;
}

.btn-next {
color: #fff;
font-size: 40px;
}

.fa-angle-double-down {
font-weight: 900;
}

.card-content h2 {
margin-bottom: .5rem;
}

.site-content h2{
margin: 4.2rem 0  1.2rem  0;
}

.contact-mva a {
color: #a32235 !important;
}

.logo {
position: absolute;
right: 0;
}

footer {
background-color: #fff !important;
}

footer a{
color: #6c757d;
}

#entfachen {
width: 300px;
height: auto;
margin-left: 70px;
}

#menu-bars {
margin-top: 10px;
}

#leuchtturm {
height: 200px;
}

#tablett {
height: 180px;
}

#robot {
height: 180px;
}

#logo-mva {
fill:#333;
}


#products img{
float:right;}
}


@media (max-width: 992px) {

.logo {
top: 80px;
}

} /* End @media */

@media (max-width: 992px) {

#products img{
width:210px!important;
float:none
;}
}


@media (min-width: 768px) {



#entfachen {
width: 300px;
height: auto;
margin-left: 70px;
}

} /* End @media */


@media (max-width: 768px) {

h1 {
font-size: 1.6em;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1.1em;
}

.mva-card {
height: auto;
padding-top: 4rem;
padding-bottom: 4rem;
}

.mva-card h1 {
font-size: 1.5rem;
}

.card-content, .site-content {
padding: 20px 10px;
text-align: left;
}

.btn-next {
bottom: 2px;
}

.section-text {
font-size: 1.1rem;
line-height: 1.3em;
}

#logo-mva {
width: 140px;
height: auto;
}

#kontakt .container .card-content {
padding-top: 110px;
}

#entfachen {
width: 180px;
height: auto;
margin-left: 70px;
}

} /* End @media */


@media (min-width: 992px) {

#leuchtturm {
width: 200px;
height: auto;
}

#tablett {
width: 180px;
height: auto;
}

#robot {
width: 180px;
height: auto;
}

.container{
	min-width: 85%;
  margin-top: 1%;
}

} /* End @media */


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 1px solid white;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }



   /* Add a black background color to the top navigation */
.topnav {
  background-color: #fff;
  overflow: hidden;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  z-index: 9999;
  min-height: 80px;
  padding-top: 22px;
}

.nav-right{
  margin-top: 5px;
  margin-right: 40px;
}

.nav-left{
  margin-left: 5%;
}

/* Style the links inside the navigation bar */
.topnav a, .topnav span{
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 0px 7px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #fff;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #fff;
  color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 992px) {
  .topnav  .nav-right a, .topnav .nav-right span{display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

  .nav-right{
    margin-right: 0;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 992px) {
  .topnav.responsive {position: fixed; width:100%;}
  .topnav.responsive .nav-right{width: 100%;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .topnav a.icon{
    position: absolute !important;
    right: 20px !important;
    top: 25px !important;
  }

  .topnav{
    min-height: 70px;
  }

.nav-right a.js-scroll-trigger {
    margin: 20px;
}

.responsive .language-fields{
  display: block !important;
  margin-bottom:20px;
}

.language-fields a:first-child{
  float:left !important;
  padding-left: 0px;
  margin-left: 0px;
}
}

.nav-right{
  float: right;
}





#vita,
#start h2{
  color: #fff;
  font-size: 3.5em;
}

#vita,
#start h3{
  color: #fff;
  font-size: 2.5em;
}

#vita,
#start p{
  color: #fff;
  font-size: 1.3em;
}

#vita
#start img{
  height: 100%;
  width: auto;
}

#vita,
{
  margin: auto;
text-align: center;
}

.light-bg{
background-color: #eee;
}

#visit-bonn p{
  color: #2a7fb5;
}

#visit-bonn h2{
  color: #2a7fb5;
  font-size:3rem;
}


#visit-bonn h3{
  color: #2a7fb5;

}

#visit-bonn div{
  text-align: left;
}


.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 70px;
    height: 70px;
}

#events h2{
  font-size: 4rem;
  color: #2a7fb5;
  text-align:left;
  margin-bottom: 75px;
}

#events .veranstaltung{
  text-align: left;
  color: black;
}

.video-container-wrapper{
  margin:30px;
  margin-bottom:15px;
}

#impressionen p,
#impressionensecond p,
#impressionenthird p{
  margin-bottom:2rem;
}


/* Patrick */

img{
width:100%;}

#events h4{
font-size:20px;}

.datecount{
margin-top:-10px;
color:#333;
font-size:85px;
color:#d65295;
text-align:right;}

.date {
font-size:30px;
text-align:right;
color:#333;
font-weight: 900;
margin-top: -15px;
color:#d65295;}


.subheadline{
margin-top: -25px;
margin-bottom: 55px;}

.date-event,
.event-head{
font-weight:900;}


.veranstaltung p{
padding-right:15px;}

.veranstaltung-border:after{
    height: 2px;
    display: block;
    width: 100%;
    background: #eae9e9;
    border-right: 1px white;
    content: '';
	margin:60px 0;
}


.headertext{
	margin: 0;
margin-top: 20%;
text-align:center;
}

.headertext h1{
font-size:4rem;
}

.language-fields{
	margin-left:20px;}

.impressionen-abstand{
margin-top:40px;
margin-bottom:40px;}

#powerpin{
padding-top:0px;
padding-bottom:0px;}

.logowidth{
width:15%;}

#visitbonnhotels img{
margin:55px 0 25px;}

#visitbonnhotels h3{
	color:#2a7fb5;
}

#visitbonnhotels{
margin-bottom:75px;}


#visit-bonn,
#powerpindesc{
background-color:#eee;}

.powerpintext{
position: absolute;
color:#333;
top: 75%;
margin-right: auto;
margin-left: auto;
left: 0;
right: 0;
text-align: center;}

.powerpintext h2{
font-size:5rem;
text-transform:uppercase;}

#offen-fuer-neues{
color:#2a7fb5;}

.powerpintext a,
.powerpintext h3{
text-align: right;
font-size: 50px;
margin-top: -35px;
color:#d65295;}

.powerpintext a:hover{
text-decoration:none;}


@media (max-width: 992px) {

.imgspace {
text-align:center;
 display:block;}

.img-mobile-book {
text-align:center;
 display:block;}


.content-section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}


#visitbonnhotels h2{
font-size:2.5rem!important;
margin-bottom:45px!important;}

#events h2{
font-size:2.5rem;
margin-bottom:0px;}

.powerpintext{
right:0%;}

.powerpintext h2{
font-size: 2.5rem;
text-transform: uppercase;
text-align: center;}

.powerpintext h3 a{
font-size: 2rem;
text-align: center;
}

.powerpintext h3{
text-align: center;
}

.headertext h1{
	font-size:2rem;
}
.datecount,
.date{
text-align: center;
}

.date{
margin-bottom:25px;
margin-top: -35px;
font-size:45px;
}

.date-event{
text-align: center;
margin-bottom: 25px;
font-weight: 400;}

.impressionen-abstand img{
margin-bottom: 35px;
padding: 0px;}

.logowidth{
	width: 210px;
}

.veranstaltung p{
padding-right:0;}
}

@media (max-width: 630px) {

.headertext{
margin-top: 35%!important;
}

.powerpintext {
top: 65%;
background-color:#fff8;
}
}


#products p,#products h2,#products h3,#products h4{
text-align:left;}


#products img{
width:300px;}

.product-padding{
padding-right: 90px;}

.imgspace img{
	margin:25px 0;
}

#visitbonnhotels h2{
font-size: 4rem;
color:#2a7fb5;
text-align: left;
margin-bottom: 75px;}


.margin-pin{
margin-top:25px;}

.margin-pinfree{
margin-bottom:25px;}

#powerpindesc h2{
color:#2a7fb5;}

.adverticenote p{
margin-top: 50px;
color:#999;
}

.adverticebook p{
	margin-top:50px;
	font-size:14px;
color:#ddd;}

	#visitbonnhotels {
	color:#333;}
	
.aktiv a{
color:#2a7fb5;}

.cc_container {
background-color: #2a7fb5!important;}

.cc_container .cc_btn{
background-color: #d65295!important;
color:#fff!important;}

.cc_container .cc_btn a{
color:#fff;}

.cc_container .cc_message {
margin-top: 1em !important;}