/* -- FONTS ----------------------------------------------------------------- */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* -- LAYOUT --------------------------------------------------------------- */
html { position: relative; min-height: 100%; margin: 0; padding: 0; }

body {
  font-size: 14px;
  color: #333;
  background: #666;
  background: url('//www.ki-navigator-bremen.de/userdata/7934/pages/designs/166/hintergrund/bg84.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}
header { width: 100%; height: 100%; background: rgba(6,35,96,0.8); }

.header-top {
  background: #ffffff;
  border-bottom: 0px solid #ececec;
}

.header-top .top-left {
  float: left;
}

@media (max-width: 767px) {
  .header-top .top-left {
    float: unset;
    text-align: center;
  }
}

.header-top .top-left h6 {
  font-size: 15px;
  line-height: 26px;
  color: #777777;
  font-weight: 400;
  padding: 14px 0px;
  font-family: "Muli", sans-serif;
}

.header-top .top-right {
  float: right;
}

@media (max-width: 767px) {
  .header-top .top-right {
    float: unset;
    text-align: center;
  }
}

.header-top .top-left .contact-links li {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #b2b2b7;
  margin-right: 40px;
  font-family: 'Muli', sans-serif;
}

@media (max-width: 767px) {
  .header-top .top-left { display: none; }
}

.social-links { width: 100%; margin-top: 0px; text-align: right; }
.social-links a { margin-right: 12px; background: #062360 !Important; }
.social-links .fa { font-size: 28px !Important; color: #fff !Important; }
.social-links a:hover {
    background: #e01d24 !Important;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.social-links a:hover .fa { color: #ffffff; }
.social-links img { width: 16px; }

@media (max-width: 767px) {
  .social-links {
    padding-left: 0;
  }
}

.header-upper {
  padding: 40px 0px;
}

.head-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .header-upper { margin: 0; padding: 10px 0 10px 0; }
  .header-upper .logo {
    float: unset;
    width: 100%;
    text-align: center;
    margin: 0;
    margin: 0 0 20px 0;
  }
  .header-upper .logo a img { margin: 0 auto; }
}

.header-upper .right-side {
  float: right;
}

@media (max-width: 991px) {
  .header-upper .right-side {
    float: unset;
    text-align: center;
  }
}

.header-upper .contact-info {
  float: left;
}

@media (max-width: 991px) {
  .header-upper .contact-info {
    padding-left: 0;
    float: unset;
    margin-bottom: 30px;
  }
}

.header-upper .link-btn {
  float: right;
}

@media (max-width: 991px) {
  .header-upper .link-btn {
    float: unset;
  }
}

.header-upper .contact-info .item {
  position: relative;
  display: inline-block;
  padding-left: 70px;
  margin-right: 40px;
}

@media (max-width: 991px) {
  .header-upper .contact-info .item:first-child {
    margin-bottom: 20px;
  }
}

.header-upper .contact-info .item .icon-box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  text-align: center;
  line-height: 53px;
  border: 1px solid var(--cl-main);
}

.header-upper .contact-info .item .icon-box i:before {
  color: var(--cl-main);
  font-size: 22px;
}

.header-upper .contact-info .item strong {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #222222;
  font-family: "Muli", sans-serif;
}

.header-upper .contact-info .item span {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #777777;
  font-family: "Muli", sans-serif;
}

.header-upper .right-side .link-btn {
  margin-left: 20px;
  margin-top: 5px;
}

@-webkit-keyframes menu_sticky {
  0% {
    margin-top: -150px;
  }
  50% {
    margin-top: -130px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes menu_sticky {
  0% {
    margin-top: -150px;
  }
  50% {
    margin-top: -130px;
  }
  100% {
    margin-top: 0;
  }
}

.main-header {
  position: relative;
  width: 100%;
  z-index: 9999;
  margin-bottom: -60px;
  background: rgba(0, 0, 0, 0.66);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.fixed-header {
  position: fixed;
  top: 0px;
  left: 0px;
  margin: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.66);
  transition: all 500ms ease;
  -webkit-animation-name: menu_sticky;
  animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
  animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);
}

.navbar-inner { text-align: center; }

.navbar {
  margin-bottom: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  margin-top: 30px;
}

.navbar .navbar-nav li a {
  font-family: "Muli", sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 8px 15px;
}

.navbar .navbar-nav li a:hover {
  background-color: #fff;
  color: #666;
}

.navbar .navbar-nav li.active a {
  background: transparent;
  color: #fff;
  font-weight: bold;
}

.navbar .navbar-nav li.active a:hover {
  background: transparent;
  color: #fff;
}

.navbar .navbar-header button {
	background: transparent;
  border: 2px solid #fff;
	color:#ffffff;
}
.navbar .navbar-header button .icon-bar {
	background: #fff;
}


header { padding-bottom: 10px; padding-top: 0px; }
.head-adresse { text-align: left; }
.head-logo { text-align: center;  }
.head-social { text-align: right;  }

.logo a.logo-txt { font-family:"open sans"; display: block; font-size: 28px; color: #5e718b; width: 100%; margin-left: 0px; padding-top: 20px; padding-bottom: 20px;  }
.logo a.logo-img img { width: auto; }

.se-row { margin-right: -15px; margin-left: -15px; }
.no-padding { padding-left: 0 !Important; padding-right: 0 !Important; }

.se-rechtkliches-no-se { padding: 20px }

#section_boxen-Farb-Boxen-Link-7d2857cf26b83bdbf3e33077463b9aa5_3205 .tile { height: 190px !Important; }
#section_boxen-Farb-Boxen-Link-7d2857cf26b83bdbf3e33077463b9aa5_3205 h3 { margin-bottom: 10px; font-weight: normal; }

.gaeste-hinweis { border: 1px solid #ddd; padding: 20px; background: #fffee6; text-align: center; margin-bottom: 20px;}

/* -- NAVIGATION ------------------------------------------------------------ */
.navbar { background: none;  margin-bottom:0;  padding: 0px 0 0px 0;  border-radius:0; }
.navbar .nav { padding-top: 20px; }
.navbar ul li a { color: #333; }
.navbar ul > li.active > a { color: #fafafa;  background: #5e718b; }
.navbar ul > li > a:hover { color: #fafafa;  background: #5e718b; }
.navbar ul > li.open > a:focus { color: #fafafa;  background: #5e718b; }
.navbar .nav .open > a { color: #fafafa;  background: #bfc6d1; }
.navbar ul.dropdown-menu { padding: 4px; background:#fcfcfc; color: #333; border: 1px solid #ddd;}
.navbar .navbar-toggle { background: #5e718b;  color:#fff;  margin-top:17px; }
.navbar .navbar-toggle .icon-bar { background: red; }

ul.cart-nav li a  { padding: 6px; }
ul.cart-nav li a i { color: #333; font-size: 18px; }





#page { width: 1400px; padding: 0; margin: 0px auto; margin-top: 20px; border-radius: 10px; overflow: hidden;}
#wrapper { width: 100%; background-color: transparent; background: rgba(255,255,255,0.95); padding: 20px 0 20px 0 ; margin: 0; display: inline-block;}

.container { width: 100% !Important; }
.container div.se-cont.container { width: 100% !Important; }
.se-row { margin-right: -15px; margin-left: -15px; }

/* -- ÜBERSCHRIFTEN --------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",Calibri,sans-serif;
  font-weight: 300;
  line-height: 1;
  margin: 0 0 0.25em;
}
h1 { color: #333; font-size: 3.2em; }
h2 { color: #333; font-size: 2.3em; }
h3 { color: #333; font-size: 1.75em; }
h4 { color: #333; font-size: 1.5em; }
h5 { color: #333; font-size: 1.125em; }
h6 { color: #333; font-size: 1em; }
.se-section h1, .se-section h2, .se-section h3, .se-section h4, .se-section h5 { margin-top: 0; }

a { color: #5e718b; }
a:hover { color: #333; }

/* -- RECHTLICHES ----------------------------------------------------------- */
.rechtliches p { margin: 0; padding: 0; }
.rechtliches p a { margin: 0; padding: 0; }

/* -- FOOTER ---------------------------------------------------------------- */
footer {
    background: rgba(6,35,96,0.8);
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: auto;
}
footer .container { background: transparent; padding-top: 10px; }
footer h4 { color: #efefef; border-bottom: 1px dotted #efefef; padding-bottom: 3px; }
footer .copyright { padding: 10px 0 2px 0; }
footer a,
footer a:link,
footer a:active,
footer a:visited
{
    color: #fff;
    font-size: inherit;
}
footer .copyright,
footer .copyright a {
    color: #ccc;
}

footer .kontakt span { float:left; width: 55px; }

.fab-search, .fab-search:visited {
    position:fixed;
	width:60px;
	height:60px;
	top: 100px;
	right: 30px;
	background-color: #e01d24;
	color:#FFF;
	border-radius:50px;
	text-align:center;
}
.fab-search i {
    font-size: 34px;
    line-height: 59px;
}
.fab-search:hover {
  	background-color: #e01d24;
	color:#FFF;
}


.modal-dialog {
  width: 600px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  border-radius: 5px;
  overflow: hidden;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 5px;
  background: rgba(6,35,96,1);
  color: #fff;
}
.modal-content * {
  color: #fff;
}

@media (max-width: 768px) {
  .modal-dialog {
    width: 90%;
  }
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.kat-menu {
  margin-bottom: 20px;
}

.kat-list {
  padding-left: 0;
  text-align: left;
}

.kat-list li {
  padding: 0px;
  margin: 0px;
  padding: 15px 0px;
  border-bottom: 1px solid #e0e0e0;
  list-style: none;
}

.kat-list li:last-child {
  border-bottom: none;
}

.kat-list li:first-child {
  padding-top: 10px;
}

.kat-list li a {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

.kat-list li a:hover {
  color: #48bdc5;
}

.kat-list li span {
  float: right;
}

.close {
    opacity: 1;
}

.form-control {
    color: #000 !Important;
}

li { list-style: disc; }

/* -- MEDIA-QUERIES --------------------------------------------------------- */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1600px) {
  #page { width: 90%; margin: 0px auto; }
  .logo a.logo-img img { width: 180px; margin-top: 30px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  #page { width: 100%; margin: 0px auto; }
  .logo a.logo-img img { width: 180px; margin-top: 30px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .logo a.logo-img img { width: 180px; margin-top: 30px; }
  footer h4 { padding-top: 16px; }
  .fab-search, .fab-search:visited {
    position:fixed;
	width:60px;
	height:60px;
	top: 40px;
	right: 20px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .logo a.logo-img img { width: 160px; margin-top: 30px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

@media only screen and (min-width : 768px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
  }
}