/* GLOBAL STYLES
* -------------------------------------------------- */

divd.mura-region-local.mura-inactive.mura-editable-attribute {
  display: none;
}


/* Color Palette */
:root {
  --capella-hausfarbe: #0058b0;
  --capella-light: #0088cc;
  --capella-dark: #1c2f8c;
  --capella-green-dark: #004d33;
  --capella-green: #006e37;
  --capella-green-light: #269138;
  --error-red: #eb4655;
  --sunflower-yellow: #ffea00;
  --success-green: #7dc81e;
  --black: #222524;
  --grey-2: #c5c5c5;
  --grey-1: #f2f2f2;
  --light-orange: #f47900;
}

/* Headlines */

h1,
.h1 {
  font-family: Domine;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	h1 {
	  font-family: Domine;
	  font-size: 32px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.13;
	  letter-spacing: normal;
	}
}

h2 {
  font-family: Domine;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	h2 {
	  font-family: Domine;
	  font-size: 28px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.14;
	  letter-spacing: normal;
	}
}

h3 {
  font-family: Domine;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	h3 {
	  font-family: Domine;
	  font-size: 24px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.33;
	  letter-spacing: normal;
	}
}

/* h3 auf Produktseiten */
#produkte h3,
#products h3,
#produits h3 {
  margin-top: 64px;
}

h4 {
  margin-top: 48px;
  font-family: Domine;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	h4 {
	  font-family: Domine;
	  font-size: 20px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.4;
	  letter-spacing: normal;
	}
}

h5 {
  font-family: Domine;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	h5 {
	  font-family: Domine;
	  font-size: 16px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1;
	  letter-spacing: normal;
	}
}

/* Paragraph */
p {
  font-family: Heebo;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	p {
	  font-family: Heebo;
	  font-size: 16px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.5;
	  letter-spacing: normal;
	}
}

/* weitere Textstile */

.dachzeile {
  font-family: Heebo;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	.dachzeile {
	  font-family: Heebo;
	  font-size: 16px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1;
	  letter-spacing: normal;
	}
}

.paragraph {
  font-family: Heebo;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	.paragraph {
	  font-family: Heebo;
	  font-size: 16px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.5;
	  letter-spacing: normal;
	}
}

.large {
  font-family: Heebo;
  font-size: 38px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	.large {
	  font-family: Heebo;
	  font-size: 26px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.23;
	  letter-spacing: normal;
	}
}

.medium {
  font-family: Heebo;
  font-size: 27px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.26;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	.medium {
	  font-family: Heebo;
	  font-size: 20px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.4;
	  letter-spacing: normal;
	}
}

.small {
  font-family: Heebo;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
}
@media (max-width: 767px) {
	.small {
	  font-family: Heebo;
	  font-size: 14px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.13;
	  letter-spacing: normal;
	}
}

.hinweis {
  font-family: Heebo;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ff00b0;
}

/* Allgemeine Klassen und IDs */
.distanceBottom32 {
  margin-bottom: 32px;
}

#homepage {
  font-size: 18px;
}

.textCenter {
  text-align: center;
}

 .pageTitle {
  text-align: center;
}
/* Allgemeine Klassen und IDs END */


/*                     Listen
---------------------------------------------------*/
div[data-object="folder"],
div[data-object="feed"] {
  margin-bottom: 64px;
}

div[data-object="folder"] a,
div[data-object="feed"] a {
  margin-bottom: 64px;
  font-family: Domine;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: var(--capella-light);
}

div[data-object="folder"] .credits {
  display: none;
}

/* navigation folder (nav-list) */
.nav.nav-list a {
  color: var(--black);
  padding: 0px;
}

#navFolder {
  background: none;
  border-radius: none;
  border: none;
}

/* navigation folder (nav-list) END */

#download #sysWeitereDateienCapella dt.title,
#produkte #mura-editable-attribute-body dt.title,
#products #mura-editable-attribute-body dt.title,
#produits #mura-editable-attribute-body dt.title,
#aktuelles #svIndex a {
  font-weight: normal;
  font-size: 18px;
  font-family: Heebo;
}
/*                    Listen END
---------------------------------------------------*/


/*                     collection
---------------------------------------------------*/
/* Local Index - Produkte */
#produkte .localIndexProdukte #svIndex,
#products .localIndexProdukte #svIndex,
#produits .localIndexProdukte #svIndex,
#produkte .localIndexProdukte #svIndex dl,
#products .localIndexProdukte #svIndex dl,
#produits .localIndexProdukte #svIndex dl {
  border: 0;
}
/* Local Index - Produkte END */
/*                     collection END
---------------------------------------------------*/


/*                  Seitenumschalter
---------------------------------------------------*/
ul.pagination li a {
  margin-bottom: 0;
  color: var(--black);
  border: 0px;
}

ul.pagination a:hover {
  color: var(--black);
  border: 0px;
  background-color: #ffffff;
}

ul.pagination a.active {
  color: var(--capella-hausfarbe);
  background-color: #ffffff;
  border: solid 0 0 1px 0 var(--capella-hausfarbe);
  border-radius: 0;
  border-spacing:
}
/*              Seitenumschalter END
---------------------------------------------------*/


/*              general tag settings
---------------------------------------------------*/

input {
  border-radius: 2px!important;
}

input[type=checkbox].checkbox {
	display: inline;
}

form .form-horizontal {
  width:100%;
  float: left;
  border: 1px;
}

/*              general tag settings END
---------------------------------------------------*/

/*               general class settings
---------------------------------------------------*/

.space-bottom {
  padding-bottom: 32px;
}

/*           general site settings END
---------------------------------------------------*/

/*              breadcrumb
---------------------------------------------------*/

/* breadcrumb allgemein */
ol#crumblist.mura-breadcrumb.breadcrumb {
  padding-right: 5%;
  margin-bottom: 32px;
  margin-left: 64px;
  background-color: white;
  font-size: 15px;
}

#crumblist span {
  color: var(--black);
}

.breadcrumb>li+li:before {
  display: none;
}

/* breadcrumb on product-details */
.product-details ol#crumblist.mura-breadcrumb.breadcrumb {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #ffffff;
  position: absolute;
  z-index: 100;
  background: none;
}

.product-details #crumblist span {
  color: #ffffff;
  font-size: 15px;
}

/*              CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar and , used for positioning it into place. */

header.navbar-wrapper {
  margin-top: 8px;
  z-index: 150;
}

nav.navbar.navbar-default.navbar-static-top {
  margin: 0px 0px 5px 0px;
  background-color: #ffffff;
}

/* Logo */



.navbar-header a.navbar-brand  {
  position: absolute;
  width: 155px;
  height: 47px;
  padding: 0;
  margin-left: -5px;
  margin-bottom: 9px;
  text-indent: -9999px;
  background: url(../images/logo.svg) no-repeat;
}

.nav-elements {
  padding-right: 0;
}

.navbar-static-top {
  border-bottom-width: 0px;
}

#navPrimary,
.navbar-default .navbar-nav>li>a {
  font-family: Heebo;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: var(--black);
  float: right;
  padding-right: 0px 0px 0px 25px;
}

.navbar-default .navbar-nav>li>a:hover {
  color: var(--capella-hausfarbe);
}

@media (min-width: 768px) {
  .dropdown.active {
    border-bottom: 1px solid var(--capella-hausfarbe);
  }
}

#navPrimary>li>a.dropdown-toggle {
  background-color: #ffffff
}

@media (min-width: 768px) {
  .navbar-nav>li>a  {
      padding-top: 11px;
      padding-bottom: 8px;
  }
}

/* Untermenüs */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/* kollabiertes Menü-Icon */
.navbar-toggle {
  margin-right: 0px;
}


/* Warenkorb */
#navPrimary li#navWarenkorb a,
#navPrimary li#navShoppingCart a,
#navPrimary li#navPanier a,
input.warenkorb,
a.warenkorb {
  display: block;
  width: 30px;
  text-indent: -9999px;
  padding: 0px;
  margin: 11px 10px 0px 0px;
}
@media (max-width: 767px) {
	#navPrimary li#navWarenkorb a,
	#navPrimary li#navShoppingCart a,
	#navPrimary li#navPanier a {
		margin: 5px 10px 0px 0px;
	}
}

#navPrimary li#navWarenkorb a,
#navPrimary li#navShoppingCart a,
#navPrimary li#navPanier a {
  background:url("../images/warenkorb.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb a:hover,
#navPrimary li#navShoppingCart a:hover,
#navPrimary li#navPanier a:hover {
  background:url("../images/warenkorb_aktiv.svg") top left no-repeat;
  background-size:24px;
}

input.warenkorb,
a.warenkorb {
  background:url("../images/warenkorb-ic.svg") top left no-repeat;
}

input.warenkorb:hover,
a.warenkorb:hover {
  background:url("../images/warenkorb-ic_aktiv.svg") top left no-repeat;
}

/* Warenkorb-Zähler */
#navPrimary li#navWarenkorb.count1 a,
#navPrimary li#navShoppingCart.count1 a,
#navPrimary li#navPanier.count1 a {
  background:url("../images/warenkorb-count1.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count1 a:hover,
#navPrimary li#navShoppingCart.count1 a:hover,
#navPrimary li#navPanier.count1 a:hover {
  background:url("../images/warenkorb-count1_aktiv.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count2 a,
#navPrimary li#navShoppingCart.count2 a,
#navPrimary li#navPanier.count2 a {
  background:url("../images/warenkorb-count2.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count2 a:hover,
#navPrimary li#navShoppingCart.count2 a:hover,
#navPrimary li#navPanier.count2 a:hover {
  background:url("../images/warenkorb-count2_aktiv.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count3 a,
#navPrimary li#navShoppingCart.count3 a,
#navPrimary li#navPanier.count3 a {
  background:url("../images/warenkorb-count3.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count3 a:hover,
#navPrimary li#navShoppingCart.count3 a:hover,
#navPrimary li#navPanier.count3 a:hover {
  background:url("../images/warenkorb-count3_aktiv.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count4 a,
#navPrimary li#navShoppingCart.count4 a,
#navPrimary li#navPanier.count4 a {
  background:url("../images/warenkorb-count4.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count4 a:hover,
#navPrimary li#navShoppingCart.count4 a:hover,
#navPrimary li#navPanier.count4 a:hover {
  background:url("../images/warenkorb-count4_aktiv.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count5 a,
#navPrimary li#navShoppingCart.count5 a,
#navPrimary li#navPanier.count5 a {
  background:url("../images/warenkorb-count5.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.count5 a:hover,
#navPrimary li#navShoppingCart.count5 a:hover,
#navPrimary li#navPanier.count5 a:hover {
  background:url("../images/warenkorb-count5_aktiv.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.countmax a,
#navPrimary li#navShoppingCart.countmax a,
#navPrimary li#navPanier.countmax a {
  background:url("../images/warenkorb-countmax.svg") top left no-repeat;
  background-size:24px;
}

#navPrimary li#navWarenkorb.countmax a:hover,
#navPrimary li#navShoppingCart.countmax a:hover,
#navPrimary li#navPanier.countmax a:hover {
  background:url("../images/warenkorb-countmax_aktiv.svg") top left no-repeat;
  background-size:24px;
}


/* Shop */
#warenkorb .submit,
#shoppingcart .submit,
#panier .submit {
	margin-top: 20px;
	margin-bottom: 20px;
}

#warenkorb .table,
#shoppingcart .table,
#panier .table {
	margin-top: 50px;
}

#warenkorb hr,
#shoppingcart hr,
#panier hr {
	margin-bottom: 50px;
}

#paywidget {
  height: 900px
}


/* ----------------------------------
              BUTTONS
-----------------------------------*/
a.btn.btn-default,
.btn-default,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus {
  font-family: Heebo;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--capella-hausfarbe);
  background-color: white;
  border-color: var(--capella-hausfarbe);
  border-radius: 2px;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

a.btn.btn-default:hover,
.btn-default:hover {
  color: white;
  background-color: var(--capella-hausfarbe);
  border-color: var(--capella-hausfarbe);
}

a.btn.btn-primary,
.btn-primary {
  font-family: Heebo;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 2px;
  background-color: var(--capella-hausfarbe);
  margin: 0;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

a.btn.btn-primary:hover,
.btn-primary:hover {
  color: var(--capella-hausfarbe);
  background-color: #ffffff
}

.radio,
.nebenradio {
	margin-left: 20px;
}

.buttons {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Download-Buttons */
div.capelladownload {
  cursor: pointer;
  float: left;
  position: relative;
  width: 47%;
  border-radius: 5px;
  outline: 2px solid transparent;
  outline-offset: 4px;
  transition: outline-color 0.5s;
}

div.capelladownload:hover, div.capelladownload:focus {
  outline: 2px solid lightblue;
}

div.capelladownload h5 {
  text-align: center;
}

.download_text {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ----------------------------------
            BUTTONS END
-----------------------------------*/


/* ----------------------------------
        CUSTOMIZE THE CAROUSEL
---------------------------------- */

/* Button im Carousel Ein-/Ausblenden */
#homepage div#myCarousel a.btn.btn-large.btn-primary {
  display: none;
}

/* Text im Carousel */
div#myCarousel.carousel.slide a {
  font-family: Heebo;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  text-transform: none;
}

#homepage .carousel .row.item .container {
	height: 540px;
	margin-top: auto;
	margin-bottom: auto;
	background-color: rgba(50,50,50,0);
}

div#myCarousel.carousel.slide {
  margin-top: auto;
	margin-bottom: auto;
}

#homepage .carousel .carousel-caption {
	padding-left: 0;
	padding-right: 0;
}

#homepage .carousel .carousel-caption a.btn {
  border-radius: 2px;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

#homepage .carousel .carousel-caption a.btn:hover {
  color: var(--capella-hausfarbe);
}

/* Bilder im Carousel zuschneiden und zentrieren */
#homepage .carousel img {
	object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Kasten um alle Texte  */
/* #homepage .carousel .carousel-inner .row.item:not(:first-child) .carousel-caption {*/
#homepage .carousel .carousel-inner .carousel-caption {
  background-color: rgb(0,0,0,0.5);
	border: 2px solid #f2dede;
	border-radius: 10px;
  padding: 5px;
}

/* Align text */
.carousel-caption {
  margin-bottom: 120px;
  text-shadow: none;
}

@media (max-width: 398px) {
  .carousel-caption {
    margin-bottom: 98px;
  }
}

/* ----------------------------------
      CUSTOMIZE THE CAROUSEL END
---------------------------------- */


/* --------------------
        TEMPLATES
---------------------*/

/* Produktdetails */
div.text-center.product-details {
	height: 400px;
	background: url(../images/capella-keyvisual.png) no-repeat; /* Path to Image */
  background-size:cover;
  background-position: center center;
  color: white;
  height: 300px;
  align-items: center;
  justify-content: center;
}

div.text-center.product-details img {
	width: 120px;
	margin-top: 36px;
	padding: 20px;
}

div.text-center.product-details p {
	padding-top: 14px;
}



/* --------------------
        Formulare
---------------------*/

/* Pflichtfelder */
form .req label:after {
  color: var(--black);
}

/* Geschenkeservice */
#geschenkbestell {
  padding-bottom: 64px;         /* Abstand zum Footer */
}

/* Crossgrade */
#softwareautosuggest,
#softwareautosuggest div  {
	float: none !important;
}

/* capella academy */
.capella-academy div.mura-collection-item {
  padding-bottom: 40px;
}

/* Blog-Beiträge */
/* Bild zur Seite nur auf Blog-Seite anzeigen */
div.associated-image {
	display: none;
}

#blog div.associated-image {
	display: block;
}


/* --------------------
      Formulare END
---------------------*/


/* --------------------
        MODULE
---------------------*/

/* Content für desktop unsichtbar */
@media (min-width: 768px) {
  .desktop-invisible {
    display: none;
  }
}

/* Content für mobil unsichtbar */
@media (max-width: 767px) {
  .mobil-invisible {
    display: none;
  }
}


section.col-md-12 {
	padding: 0px;
}

/* Abstand zwischen Modulen vertikal */
.modul {
  padding-top: 64px;
  padding-bottom: 64px;
}

/* Module und Bereiche mit grauem Hintergrund bekommen die Klasse "grey-modul" per "Full Edit" */
.grey-modul {
	background: var(--grey-1);
}

/* Modul Mensch-Maschine */
#human-machine a.btn.btn-default {
  margin-top: 30px;
}

/* Modul News */
#news .row {
	margin-top: 26px;
	margin-bottom: 26px;
}

#news div.mura-collection-item {
  padding: 10px;
  text-align: left;
}

#news div.mura-collection-item__holder {
  border: solid 1px #e1e1e1;
  padding: 10px;
  background: white;
}
@media (min-width: 768px) {
	#news div.mura-collection-item__holder {
	  min-height: 150px;
	}
}
/* Modul News end */

/* Modul Blog */
#blog a img {
	border-radius: 50%;
}

#blog h2 {
	margin-bottom: 24px;
}

#blog .row {
	margin-top: 26px;
	margin-bottom: 26px;
}

#blog div.mura-collection-item {
  padding: 10px;
}

#blog div.mura-collection-item__holder {
  border: solid 1px #e1e1e1;
  padding: 10px;
  background: white;
}
@media (min-width: 768px) {
	#blog div.mura-collection-item__holder {
	  min-height: 250px;
	}
}

#blog div.mura-collection-item .mura-item-content {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

#blog div.mura-collection-item .mura-item-meta__title {
  padding-bottom: 10px;
}

#blog div.mura-collection-item .mura-item-meta__summary {
  clear: both;
}
/* Modul Blog end */

/* Modul Newsletter */
#newsletter dl {
	text-align: left;
}

#newsletter form {
	padding-top: 16px;
}

#newsletter .form-row:nth-child(2),
#newsletter .buttons {
	padding-left: 15px;
	padding-right: 15px;
}

#newsletter .buttons input {
	width: 100%;
}

#newsletter .dachzeile {
	margin-top: 48px;
}

#newsletter h3 {
	margin-bottom: 18px;
}
/* Modul Newsletter end */

/* Modul ProgramOverview */
#program-overview .col-xs-6 {
	padding-left: 10px;
	padding-right: 10px;
}

#program-overview h2 {
	margin-top: 24px;
	margin-bottom: 48px;
}

#program-overview .row div {
	padding-bottom: 15px;
}

#program-overview img {
	width: 60px;
}

#program-overview .product-icon {
	height: 140px;
}
/* Modul ProgramOverview end */

/* Modul mein-capella */
#modulLogin h2 {
	margin-top: 28px;
	margin-bottom: 24px;
}

#modulLogin from {
	margin-top: 32px;
}

div#modulLogin .mura-twelve .mura-object-content {
  margin-top: 0px;
}

#login ::after {
  content: none;
}

#modulLogin form {
  margin-top: 22px;
}

#modulLogin div.form-group,
#modulLogin div.form-group label {
  text-align: left;
}

div#login button.btn.btn-primary {
  width: 100%;
}

#login label.checkbox {
  float: left;
  font-weight: normal;
  margin: 24px 0px 24px 25px;
}

#modulLogin div div div h3 a {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  float: left;
  font-family: 'Heebo', sans-serif;
  color: var(--capella-hausfarbe);
}

#modulLogin div div div h3 a:hover {
  text-decoration: none;
}

#modulLogin div div div h3 a.btn.btn-primary {
  background: none;
  border: none;
  padding: 0px;
  float: left;
  font-family: 'Heebo', sans-serif;
  color: var(--capella-hausfarbe);
}

#svFavoritesList,
#svPageTools {
	display: none;
}

div#login button.btn.btn-primary {
  width: 100%;
  /*
  background-color: var(--capella-hausfarbe);
  color: #ffffff;
  */
}

/* Unterseite "Passwort vergessen" */
#svLoginContainer button.btn.btn-primary,
#svEditProfile input.btn.btn-primary {
	margin-bottom: 20px;
}

#notRegistered {
	display: none;
}

#modulLogin ul {
	margin-top: 22px;
}

/* Modul mein-capella end */



/*    Modul Hotline     */
#hotline {
  margin-top: 32px;
  padding-top: 32px;
	padding-bottom: 64px;
}

#hotline div h2 {
  margin-bottom: 12px;
}

#hotline .row>p {
  margin-bottom: 18px;
}

#hotline .col-md-6>p {
  margin-top: 18px;
}

#hotline hr {
	margin-top: 30px;
	margin-bottom: 20px;
	border: 1px solid black;
	opacity: 0.1;
}

#hotline .more-support {
  margin-top: 40px;
  margin-bottom: 24px;
}

div.support-phone div {
  margin: 6px 0px 6px 0px;
  height: 230px;
  padding: 16px 6px 0px 6px;
  border: solid 1px #e1e1e1;
  background-color: #ffffff;
}

#hotline a.btn {
	width: 250px;
}
/*  Modul Hotline end  */

/*    Modul Support     */
.support-products h3 {
	margin-top: 0;
}

.support-products .col-md-10 {
	margin-bottom: 20px;
}

.support-products hr {
	border: 1px solid black;
	opacity: 0.1;
}
/*  Modul Support end  */

/*  Modul Beratungstelefon */
#beratungstelefon h2 {
	margin-top: 24px;
	margin-bottom: 32px;
}

#beratungstelefon .large {
	margin-bottom: 20px;
}

#beratungstelefon .row div {
	padding-top: 8px;
}

/*  Modul Beratungstelefon end  */

/*  Module Freisteller     */
.freisteller .dachzeile img {
	width: 50px;
	margin-right: 10px;
}

.freisteller .dachzeile p {
	display: inline-block;
}

.sticker {
	position: absolute;
	top: 0;
	color: white;
	background: var(--light-orange);
	border-radius: 50%;
	margin: 0;
	padding: 10px 20px 10px 20px;
}

.sticker:empty {
	padding: 0;
}

.pull-right .sticker {
	right: 0;
}
/*  Modul Freisteller end  */

/*  Module Features     */

.features h2,
.features h3 {
	margin-top: 0!important;
	color: white;
}

.features {
	background: url("../images/module/features/capella-keyvisual.png");
  background-size:cover;
	color: white;
}

@media (max-width: 991px) {
  .features {
  	background: url( "../images/module/features/capella-keyvisual-b.png");
    background-size:cover;
  	color: white;
  }
}

/* Klassen für unterschiedliche Textausrichtung gibt es erst in Bootstrap 4 */
@media (max-width: 991px) {
	.features {
		text-align: center;
	}
}
@media (min-width: 991px) {
	.features .dachzeile,
	.features h2,
	.features .btn-wrapper {
		text-align: center;
	}
}

.features .col-md-3,
.features .col-md-9 {
	padding-top: 36px;
}

.features h2 {
	margin-top: 24px;
	color: white;
}

.features h3 {
	margin-top: 24px;
	margin-bottom: 8px;
	color: white;
}

.features .btn,
.features .btn:hover {
	margin-top: 36px;
	border: 2px solid white;
  padding-left: 16px;
  padding-right: 16px;
}
/*  Module Features end */

/*  Module Produktleiste */
.product-bar {
	padding-top: 11px;
	padding-bottom: 11px;
  margin-bottom: 30px;
  border-bottom: solid 1px var(--grey-1);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
	.product-bar {
		position: fixed;
    margin-bottom: 0px;
		width: 100%;
		bottom: 0;
		background: var(--grey-1);
		z-index: 100000;
	}
}

a.pulse-btn.btn.btn-primary,
.product-bar .btn-primary,
.price-card .btn-primary {
	background: var(--light-orange);
	border-color: var(--light-orange);
}

a.pulse-btn.btn.btn-primary:hover,
.product-bar .btn-primary:hover,
.price-card .btn-primary:hover {
  color: var(--light-orange);
  background-color: #ffffff
}

.product-bar-icon {
  width: 30px;
}

span.plus-icon input[type='image'] {
    width: 18px;
}

.product-bar .btn-group {
	margin-bottom: 10px;
}

.product-bar .btn-group img {
	margin-left: 15px;
}
/*  Module Produktleiste end */

/* Modul Preiskarten */
.price-card .column {
  border: 2px;
  border: solid 1px #e1e1e1;
	box-shadow: 0 1px 6px rgba(0,0,0,.1);
	max-width: 500px;
}

.price-card .column .columnhead,
.column div {
	margin: 0;
	padding: 0px 12px 12px 12px;
}
.price-card .column .columnhead {
  color: var(--grey-1);
  background-color: var(--capella-hausfarbe);
	padding-top: 16px;
  padding-bottom: 16px;
}
.price-card .columnprice {
	font-family: Heebo;
  font-size: 27px;
  margin-top: 24px;
}
.price-card .column p {
	margin-bottom: 20px;
	text-align: left;
}
.price-card form.card-btn {
  width: 80%;
  line-height: 0;
  padding-top: 20px;
	padding: 0.5rem 1rem 0.5rem;
	letter-spacing: 1px;
	text-decoration: none;
}
.price-card .card-text {
  margin-bottom: 12px;
}
.price-card.flex-columns {
	display: flex;
	justify-content: center;
	width: 1200px;
	max-width: 100%;
	margin: auto;
}
.price-card.flex-columns .column {
	display: flex;
	flex-direction: column;
	flex: 1 1 300px;
	margin: 16px 8px;
}
.price-card.flex-columns .column .card-btn,
.column div {
  width: 100%;
	align-self: center;
	margin-top: auto;
}
.price-card a.btn {
	background-color: var(--grey-1);
}
.price-card a.btn,
.price-card form label {
	width: 100%;
}

@media (max-width: 1040px) {
	.flex-columns {
		flex-wrap: wrap;
	}
}
/* Modul Preiskarten end */

/*  Module Videos */
.modul.videos h2 {
	margin-top: 32px;
	margin-bottom: 8px;
}

.modul.videos .paragraph {
	margin-bottom: 48px;
}

.modul.videos a {
	margin-top: 22px;
}

.modul.videos .col-md-4 {
	padding-bottom: 10px;
}
/*  Module Videos end */

/*  Modul Lizenzen */
div#licenses h2 {
	margin-bottom: 36px;
}

div#licenses .paragraph {
	color: var(--capella-hausfarbe);
}

div#licenses .license {
	padding: 10px;
}

div#licenses .license div {
	background: white;
}

div#licenses div div {
	padding: 16px 24px 16px 24px;
	border: solid 1px #e1e1e1;
}
@media (min-width: 768px) {
	div#licenses div div {
	  min-height: 200px;
	}
}
/*  Modul Lizenzen end */

/*  Modul Download-Möglichkeiten */
div#downloads h2 {
	margin-bottom: 36px;
}

div#downloads .paragraph {
	color: var(--capella-hausfarbe);
}

div#downloads .download {
	padding: 10px;
}

div#downloads div div {
	padding: 16px 24px 16px 24px;
	border: solid 1px #e1e1e1;
	background: white;
}
@media (min-width: 768px) {
	div#downloads div div {
	  min-height: 200px;
	}
}
/*  Modul Download-Möglichkeiten end */

/*    Modul Erstinstallation     */

div#erstinstallation h2 {
	padding-bottom: 8px;
}

div#erstinstallation p {
	padding-bottom: 12px;
	margin: 0;
}

div#erstinstallation a {
	width: 250px;
	margin: 12px 20px 12px 20px;
	background: var(--grey-1);
}

div#erstinstallation a:hover {
  color: var(--capella-dark);
}

div#erstinstallation i {
	padding-right: 20px;
}

/*  Modul Erstinstallation end */

/*  Modul Schulangebot */

div#modulSchulangebot .col-md-6 {
	padding: 30px;
	border: 1px dashed black;
	border-radius: 20px;
	background: var(--grey-1);
}

/*  Modul Schulangebot end */

/*  Modul Partitursammlungen */
div#partitions h2 {
	margin-bottom: 36px;
}

div#partitions .paragraph {
	color: var(--capella-hausfarbe);
}

div#partitions .partition {
	padding: 10px;
}

div#partitions .partition div {
	background: white;
}

div#partitions div div {
	padding: 16px 24px 16px 24px;
	border: solid 1px #e1e1e1;
}
@media (min-width: 768px) {
	div#partitions div div {
	  min-height: 200px;
	}
}
/*  Modul Partitursammlungen end */

/* --------------------
      MODULE END
---------------------*/

/* spezielle Einstellungen für das Werbungsfeld */
img.lizenzicon {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

/*  footer
------------*/
footer.footer-wrapper-top {
  margin-top: 0px;
  padding-top: 30px;
  padding-bottom: 20px;
  background-blend-mode: , multiply, source-in;
  background: linear-gradient(to bottom,
                                    var(--capella-hausfarbe),
                                    rgba(0, 88, 176, 0.79)),
                    linear-gradient(to bottom,
                                    #9d9d9d,
                                    #9d9d9d),
                    linear-gradient(95deg,
                                    #ffffff,
                                    var(--capella-hausfarbe));
}

footer.footer-wrapper-top h4 {
  padding-bottom: 15px;
  font-size: 27px;
  font-family: Heebo;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.26;
  letter-spacing: normal;
  color: #ffffff;
}

footer.footer-wrapper-top a,
footer.footer-wrapper-top strong {
  margin: 0px 0px 22px 0px;
  padding: 3px;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #ffffff;
}

footer.footer-wrapper-top a:hover,
footer.footer-wrapper-top a:focus {
  background: none;
}

footer.footer-wrapper-top strong:hover {
  color: var(--grey-2);
  border-radius: 2px;
}


footerbottom ul.breadcrumb {
  margin-top: 15px;
  background: none;
  font-size: 16px;
}

footerbottom h3 {
  font-size: 18px;
  font-family: 'Heebo', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

/* Social */
.nav-social {
	float: right;
}

.nav-social a i {
	font-size: 32px;
	padding-left: 16px;
}

.social.capella-academy img {
	height: 48px;
	margin-top: -8px;
	padding-left: 6px;
}

/* Sprachwahl */
#svLTM {
	margin-top: 8px;
	margin-bottom: 30px;
}

#svLTM a.dropdown-toggle {
	width: 130px;
	height: 34px;
}

#svLTM .flag-icon {
	margin-right: 5px;
}

#svLTM .caret {
	float: right;
	margin-top: 10px;
}

/*  footer end
----------------*/




/*  Produktdetailseiten
-------------------------------- */

a.download {
  background: url("../images/download.svg") top left no-repeat;
  }

a.download:hover {
  background: url("../images/download_aktiv.svg") top left no-repeat;
  }

div.produktblock div {
  float: left;
  background-color: transparent;
  text-align: center;
  margin-bottom: 5px;
  margin-left: 0px;
  }


div.produktblock div.produktpreis {
  text-align: center;
  padding-bottom: 15px;
  }

div.produktblock {
  margin-bottom: 3em;
  overflow: hidden;
  }

/* zu allgemein definiert */
.mura-object-meta {
	text-transform: none;
}

/* Feature-Tabelle */
@media (max-width: 767px) {
	.feature-table {
		font-size: 14px;
	}
}

.feature-table td.TextZelle {
  text-align: center;
}

.feature-table td.HakenZelle {
  text-align: center;
}

.produktSeiteContent h3 {
  text-align: center;
}


/*  spezielle Links mit Grafik
-------------------------------- */

a.download,
a.warenkorb,
input.warenkorb,
a.weblink,
a.lautsprecher {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-decoration: none;
  vertical-align: bottom;
  border: none;
  outline: none;
  margin-bottom: 0!important;
}

div.make_inline,
div.make_inline div,
div.make_inline div {
	display: inline;
	width: auto;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
}

div#nojavascript,
.fehler {
  background-color: var(--sunflower-yellow) !important;
  text-align: center !important;
  border-radius: 4px;
}

.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}



/* Chat Button */
div.lz_overlay_wm_button {
	border: 2px solid white !important;
  top: -12px !important;
  right: 10px !important;
  margin-bottom: 4px !important;
}



/* Mein capella
----------------- */

/* letzte Spalte bei Programmliste in Mein Capella */
.icon_spalte form {
	display: inline-block;
}

.icon_spalte div {
	margin-bottom: 10px;
}

.icon_spalte button,
.icon_spalte button:hover,
.icon_spalte button:focus,
.icon_spalte button:active,
.icon_spalte button:active:focus {
	color: white;
	background: var(--success-green);
	border: none;
	border-radius: 30px;
	cursor: default;
}

/* Upgrade-Tabelle */
table.upgrade-table > tbody > tr > td {
  vertical-align: middle;
}
td.productCounter {
  text-align: center;
}
table.upgrade-table,
table.upgrade-table p {
	font-size: 16px;
}
@media (max-width: 767px) {
	table.upgrade-table,
	table.upgrade-table p {
		font-size: 14px;
	}

	table.upgrade-table .btn-primary {
		display: none;
	}
}

.upgrade-status img {
	width: 60px;
	padding-right: 15px;
}

/* Preisinfos rechtsbündig ausrichten */
table.upgrade-table th.preis,
table.upgrade-table td.preis {
	text-align: right;
}

/* Download in Upgrade-Tabelle ausblenden, da Benutzer durch den Wechsel auf die Downloadseite verwirrt werden
   und dann nicht die Upgradeversion, sondern die Vollversion in den Warenkorb legen. */
table.upgrade-table.noch-kaufen .download {
	display: none;
}

/* Mein capella end
--------------------- */



/* allgemeine Suche */
#searchForm .input-group-btn button {
	font-size: 14px;
}

/* Suchergebnis */
#homepage div[data-object="search"] {
	padding-left: 15px;
	padding-right: 15px;
}

/* Partitursuche */
#subsearchForm .row {
  padding: 0;
  margin-bottom: 10px;
}

#subsearchForm .input-group-btn button {
	font-size: 14px;
}


/* CUSTOMIZE NOVO
-------------------------------------------------- */

/* @group Globals - Forms - Search
===================================== */

form#novosuchform {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	height: 27px;
	width: 220px;
	text-align: right;
  background: #caca71;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 200;
}

form#novosuchform input,
form#novosuchform label
 {
	display: inline;
	clear: both;
	float: none;
 	background-color: transparent;
	border-color: transparent;
}

form#novosuchform input.text:hover,
form#novosuchform input.text:focus {
	border-bottom: 1px solid white;
	box-shadow: 2px 2px 4px silver;
	background-color: white;
}


form#novosuchform label {
	width: auto;
}

form#novosuchform input {
	width: 120px;
}

div#suchform {
	line-height: 100%;
	margin: 0;
	padding: 0;
}

div#vorImport label {
	width: auto;
}

/* @end Globals - Forms - Search
-------------------------------- */


/*===================================
                PLUGINS
 ===================================*/

/* Produktregistrierung */
.registrierung {
  padding-bottom: 64px;
}


 /*===================================
              PLUGINS END
  ===================================*/





/* @group NOVO
===================================== */


/* @group Nav - Primary
   (angepasst für Novo-Menü)
===================================== */

div.kundenlinks {
  z-index: 150;
}

div#novomenu #navPrimary {
  min-height: 38px;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
  background: #ddd;
  }

div#novomenu #navPrimary li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  }

div#novomenu #navPrimary a {
  display: block;
  padding: 0 12px;
  line-height: 38px;
  text-decoration: none;
  }

div#novomenu #navPrimary li a:hover,
div#novomenu #navPrimary li.current a,
div#novomenu #navPrimary li:hover,
div#novomenu #navPrimary li.sfhover,
div#novomenu #warenkorb_menu:hover {
  color: #fff;
  /*background: url(../images/menue-background.png) repeat-x;*/
  background-color: var(--capella-hausfarbe);
  }

div#novomenu #navPrimary li:hover a, div#novomenu #navPrimary li:hover li:hover a
, div#novomenu #navPrimary li:hover li:hover li:hover a
, div#novomenu #navPrimary li li:hover a:hover, #navPrimary li.sfhover a:hover {
  color: #fff;
  }

div#novomenu #navPrimary li:hover li a
,div#novomenu #navPrimary li:hover li:hover li a {
  color: var(--capella-hausfarbe);
  /*background: url(../images/menue-background.png); */
  /*text-decoration: underline;*/
  }

/* @group Nav - Primary - Dropdown
   (angepasst für Novo-Menü)
===================================== */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */

div#novomenu #navPrimary li ul { /* second-level lists */
  position: absolute;
  left: -9999px;
  z-index: 10;
  width: 15em;
  margin: 0;
  padding-left: 0;
  list-style: none;
  background: #ddd;
  opacity: 0.97;
  border-left: 1px solid var(--capella-hausfarbe);
  }



div#novomenu #navPrimary li li { /* all list items */
  float: left;
  width: 15em; /* width needed for Opera */
  margin: 0 !important;
  }

div#novomenu #navPrimary li#navRatHilfe ul,
div#novomenu #navPrimary li#navRatHilfe li { /* all list items */
  width: 17em; /* width needed for Opera */
}

div#novomenu #navPrimary li ul ul,
div#novomenu #navPrimary li li li { /* 2. Unterebene */
  width: 17em; /* width needed for Opera */
  }


div#novomenu #navPrimary li li a {
  display: block;
  line-height: 20px;
  padding: 9px 15px;
  text-transform: none;
  color: var(--capella-hausfarbe);
  }

div#novomenu #navPrimary li.current li a {
  background: none;
  color: var(--capella-hausfarbe);
  }

div#novomenu #navPrimary ul li.first,
div#novomenu #navPrimary ul li li.first { /* all list items */
  border: 0;
  }

div#novomenu #navPrimary li ul ul { /* third-and-above-level lists */
  margin: -2.4em 0 0 14em;
  }

div#novomenu #navPrimary li:hover ul ul,
div#novomenu #navPrimary li:hover ul ul ul,
div#novomenu #navPrimary li.sfhover ul ul,
div#novomenu #navPrimary li.sfhover ul ul ul {
  left: -9999px;
    z-index: 1001;
  }

div#novomenu #navPrimary li:hover ul,
div#novomenu #navPrimary li li:hover ul,
div#novomenu #navPrimary li li li:hover ul,
div#novomenu #navPrimary li.sfhover ul,
div#novomenu #navPrimary li li.sfhover ul,
div#novomenu #navPrimary li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
  }

/* @end Nav - Primary - Dropdown
-------------------------------- */



/* @end Nav - Primary
-------------------------------- */


/* das Novo-Menu kommt oben auf jeder Seite und hat spezielle Einstellungen
 navPrimary für Novomenu anpassen
==============================================*/

div#novomenu {
	margin-bottom: 20px;
}

div#novomenu #navPrimary {
	margin: 0;
	height: 27px;
	background: #caca71;
	position: absolute;
	top: 0;
	overflow: visible;
	z-index: 200;
	left: 200px;
}

div#novomenu #navPrimary a {
  display: block;
  line-height: 27px;
}
div#novomenu #navPrimary li li a {
	padding: 0px 15px;
}

div#novomenu #navPrimary li ul {
	/*
border-left: 2px solid #caca71;
*/
  	background: #caca71;
}
/* ENDE:  navPrimary für Novomenu anpassen
 ---------------------------------------*/


/* cookie Hinweis */

.freeprivacypolicy-com---palette-light button.cc-nb-okagree,
.freeprivacypolicy-com---palette-light button.cc-cp-foot-save {
  background-color: var(--capella-hausfarbe);
}

.freeprivacypolicy-com---palette-light button.cc-nb-reject {
	color: #111;
  background-color: #eaeaea;
}

#title_functionality {
  display: none;
}


/* SEO-Styling */

#SEO-button {
  text-align: center;
  margin-bottom: -40px;
}

#SEO-title-container {
  background-color: #0058b0;
}

#SEO-title-container p {
  color: white;
  padding: 30px;
  text-align: center;
}

#SEO-introtext {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 40px;
  text-align: center
}

.seo h1 {
  color: white;
  padding-top: 30px;
  text-align: center;
}

.seo h2 {
  font-size: 1.5em;
}

.seo a {
  text-decoration: none;
}

.seo .navbar-container {
  background-color: #0058b0;
  margin-bottom: -25px;
  margin-top: 65px;
}

.seo .navbar {
  text-align: right;
  font-size: 14px;
  margin: 10px;
  padding-top: 5px;
}

.seo .nav-link {
  color: white;
  padding-left: 20px;
}

.seo .align-items-center {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
    .seo .align-items-center {
        display: block; /* Turn off the flexible box layout */
    }
}

.seo .row.reverse {
  flex-direction: row-reverse;
}

.seo .row img {
  border-radius: 7px;
  border: 2px solid #0058b0;
  margin-top: 15px;
  margin-bottom: 15px;
}