@font-face {
  font-family: Seguisb;
  src: url(fonts/seguisb.ttf);
}

@font-face {
  font-family: MinionPro;
  src: url(fonts/MinionPro-Regular.otf);
}

@font-face {
  font-family: ErasBd;
  src: url(fonts/ERASBD.ttf);
}

@font-face {
  font-family: ErasMd;
  src: url(fonts/ERASMD.TTF);
}

html {
	 background:#4a4a49;

}
body {
	background:#4a4a49;
	color:#fff;
	font-size:.8em;
	font-family:"Source Sans Pro","Play",Seguisb, MinionPro, Arial, Verdana;
}

.table {
	background:transparent;
	color:#fff;
}

a {
	color:#fff;
}

fieldset {
	padding:1em;
}

label.checkbox:hover, label.radio:hover {
	color:#fff !important;
	text-decoration-line: underline;
}

.input-medium {
    width: 20em;
}

.input-small {
    width: 10em;
}
.bb {
	border-bottom:1px dashed #999;
}
hr {

	background-color: #aaa;
}

.hero {
	background:url("../img/itk_hero.jpg") no-repeat 0 100% / cover;
	box-shadow:0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
	color:#fff;
}

#product .hero, #product-configuration .hero, #wk .hero, #registrierung .hero {
    background:transparent;
}
.Konfigurator {
	background:rgba(255,255,255,.2);
}

.hero .container {
	background:rgba(255,255,255,.7);
	box-shadow:0 5px 5px #333;
	padding:2em;
}

.hero .container h1 {
	font-weight:normal;
	font-family: "ErasBd";


}

.hero-body .subtitle {
	font-family: "ErasMd";

}

#index .ProductSwiper {
	background:#dcdcdd;
	color:#4a4a49;
    box-shadow:0 8px 16px rgba(10,10,10,.51);
}

.blau {
	color:#255b99;
}

.gradiant-blau {
	background: linear-gradient(180deg, #255b99 0%, #193561 100%);
}

.dgrau {
	color:#4a4a49;
}


.navbar {
	padding-top:2em;
}

.navbar-brand {
	margin-left:6em;
}

.navbar-brand h1.title.is-4 {
    font-family: "Play";
}

.navbar.is-transparent .navbar-brand .navbar-item:hover,
.navbar.is-spaced .navbar-brand .navbar-item:hover {
	background:transparent !important;
}

.navbar-end {
    margin-right:6em;
}

.navbar-wrapper.navbar-faded {
    background: #255b99;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.512);
    transition: height .3s,background .7s;
}

.navbar.is-spaced .navbar-link, .navbar.is-spaced a.navbar-item {
	border-radius:0;
}
.navbar.is-spaced .navbar-link:hover, .navbar.is-spaced a.navbar-item:hover {
    background:rgba(255,255,255,.75) !important;
}

.navbar-item, .navbar-link {
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	font-family:"ErasMd";

}

.navbar.is-transparent .navbar-link.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover {
    background:rgba(255,255,255,.75) !important;
    color:#255b99 !important;

}

.title.is-5 {
    font-family:"ErasMd";
}


.IndexInfo .column {
	background:#707176;
	color:#fff;
	margin-right:1em;

}

.IndexInfo .column .fa {
	color:#d4d4d6;
}

.IndexInfo .column:last-child {

    margin-right:0em;

}


.mt {
	margin-top:1em;
}

.no--mb-pb {
    margin-bottom:0;
    padding-bottom:0;
}

.br {
	border-right:3px solid #aaa;
}

/* Index */

#index .title.is-5 {
    font-family:"ErasBd";
    font-weight:normal;
}


#index h4.ssubtitle {
    font-family:"ErasMd";
    font-weight:normal;
}

#index .swiper-pagination {
    position:relative;
    display: none;
}

#index .svg-inline--fa {
    vertical-align: sub;
}

#index a h2:hover {
    color:#ddd !important;
}

/* Swiper */

.ProductName {
	background:#255b99;
	font-weight:normal;
	font-family:"ErasBd";
    color:#fff;
    padding:.3em;
    }

.ProductPrice {
	font-weight:bold;
}

.ProductPrice small {
    font-size:.65em;
}



/* Produktuebersicht */

#productlist .hero {}

#productlist .title.is-5, #productlist h1.title.is-3, #wk h1.title.is-3, #registrierung h1.title.is-3 {
	font-family:"ErasBd";
	font-weight:normal;
}

#productlist .blau span {
	color: #333333;
}

.ProductList {
	   background:#dcdcdd;
       color:#4a4a49;
       margin-bottom:3em !important;
}

.ProductList ul {
	list-style:inherit;
	padding-left:.75rem;
}



.price {
	font-family:Seguisb;
}
#product .is-blue, #product-configuration .is-blue {
	border:0;
}

#product .is-blue:hover,
#product-configuration .is-blue:hover {
    background:#01254c;
}

#product-configuration .TopProductName {
	background: rgba(255,255,255,.2);
	margin-bottom:0;
	color:#fff;
	font-family: "ErasBd";
	padding: .3em;
	font-weight:normal;
}

#product-configuration .container h1.ProductName {
	/*background: #255b99;*/
	/*margin-bottom:0;*/
	color:#fff;
}

.Microsoft {
	display: block;
    margin-top:0 !important;
	padding:.1em;
	background:#eee;
	text-align:center;
}

.Microsoft img {
	vertical-align: middle;
	display:inline-block;
	width:100px;
}

.Microsoft span {
    font-weight:600;
    /*color:#e33a00;*/
    font-family:Source Sans Pro !important;
}

#product h3.title.is-4 {
	font-family:"ErasBd";
}

#product .ProductName {
	font-style:inherit;
	padding:.3em;
	font-weight:normal;
}

.is-blue {
	background:#255b99;
	color:#fff;
	border-radius:0;
	text-transform:uppercase;
	font-family:"Play";

}

.is-blue:hover {
    background:#4a4a49;
    color:#fff;
    border-radius:0;
    text-transform:uppercase;
        font-family:"Play";

}

#wk .NoProducts {
	padding:.5em;
	background:rgba(255,255,255,.7);
}

#wk-empty h1.title.is-3 {
    padding-left: 0.5em;
    margin-bottom: 0;
}

#Registrierung h4.title.is-5{
    padding:.3em;
    display: block;

}

#wk #Formular.title.is-3 {
    padding-left: 0.5em;
    margin-bottom: 0;
}

footer a {
	color:#fff;
	font-size:1em;
	text-decoration:none;
}

footer a:hover {
    color:#fff;
    text-decoration:underline;
}


#datenschutz h3 {
	margin-top:1em;
}

#datenschutz section a {
    color:#fff;
}

@media screen and (max-width:850px) {
    #index .swiper-pagination {
        display:block;
        position:relative;
        bottom:0;
        margin-bottom:1rem;
    }
    #index .button.is-medium {
        font-size:1rem;
        white-space: revert;

        }
    div.swiper-arrows {
        display:none;
    }
    .swiper-slide {
        cursor:grab;
    }

    .swiper-pagination-bullet {
        width: 2em !important;
        height: 1em !important;
        border-radius: 0 !important;
    }

.navbar-menu {
    background-color: #255b99;
    box-shadow: 0 8px 16px rgba(10,10,10,.1);
    padding: .5rem 0;
    }
    .navbar-brand {
    margin-left: 1em;
    font-size:.2em;

    }
    .IndexInfo .column {
    margin-right:0;
    }
    #index .ProductSwiper {
    text-align:center;
    }
    .br {
    border-right:0;
    text-align:center;

    }
    fieldset {
    text-align:left;
    }

}

.navbar-burger {
	background:rgba(255,255,255,.5);
}

.navbar-burger:hover {
    background:#4a4a49;
    color: #ffffff;
}

.navbar-burger span {

}