@charset "UTF-8";



/*
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative|Krub|Nunito+Sans|Quicksand&display=swap');
font-family: 'Cinzel Decorative', cursive;
font-family: 'Krub', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Nunito Sans', sans-serif;
*/

@import url('https://fonts.googleapis.com/css?family=Quicksand|Lato&display=swap');

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Quicksand', sans-serif;
}

p {
  font-family: 'Quicksand', sans-serif;
}

.schrift-bg-1 {
    border-radius: 0.6rem;
    padding-right: 0.5rem;
    color: #000000;
    background-color: #ffffff;
    opacity: 0.5;
}

.text-sans-serif {
  font-family: 'Quicksand', sans-serif;
}

.form-check-input {
  position: relative;
  width: 2rem;
  height: 2rem;
}

.form-check-label {
  font-size: 1rem;
  font-weight: normal;
}

/* ******************************* */


@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
	.py-lg-7 {
		padding-top: 1rem !important;
	}

	/* Anfang: Portraitseiten */

	.schrift-1 {
		font-size: 3rem;
	}

	.schrift-2 {
		font-size: 4rem;
	}

	.mb-lg-7 {
	margin-bottom: 1rem !important;
	}

	/* Ende: Portraitseiten */

	.devices-wrapper {
		left: 25%;
		top: 70%;
	}

	/* .devices-wrapper .ipad--l-1 { */
	.devices-wrapper .start-foto-1 {
    	width: 28%;
	}

	/* .devices-wrapper .macbook-2 { */
	.devices-wrapper .start-foto-2 {
    	left: 22%;
    	top: 17%;
    	width: 28%;
	}

	/* .devices-wrapper .iphone-1 { */
	.devices-wrapper .start-foto-3 {
    	width: 10%;
	}

	/* .devices-wrapper .ipad--l-2 { */
	.devices-wrapper .start-foto-4 {
    	width: 28%;
	}

	/* .devices-wrapper .ipad--p-1 { */
	.devices-wrapper .start-foto-5 {
    	left: 52%;
    	top: 20%;
    	width: 28%;
	}

	/* .devices-wrapper .iphone--l-1 { */
	.devices-wrapper .start-foto-6 {
    	left: 21%;
    	top: 72%;
    	width: 18%;
	}

	/* .devices-wrapper .macbook-1 { */
	.devices-wrapper .start-foto-7 {
    	left: 40%;
    	top: 63%;
    	width: 20%;
	}

	/* .devices-wrapper .iphone-2 { */
	.devices-wrapper .start-foto-8 {

	}

	/* .devices-wrapper .ipad--l-3 { */
	.devices-wrapper .start-foto-9 {

	}

	/* .devices-wrapper .iphone-3 { */
	.devices-wrapper .start-foto-10 {

	}

}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}


/* ******************************** */

@media (min-width: 992px) {
	.py-lg-7 {
		padding-top: 1rem !important;
	}

	.schrift-1 {
		font-size: 3rem;
	}

	.devices-wrapper {
		left: 25%;
		top: 70%;
	}

	.devices-wrapper .macbook-1 {
    	left: 40%;
    	top: 63%;
    	width: 20%;
	}

	.devices-wrapper .macbook-2 {
    	left: 22%;
    	top: 20%;
    	width: 28%;
	}

	.devices-wrapper .iphone--l-1 {
    	left: 21%;
    	top: 72%;
    	width: 18%;
	}

	.devices-wrapper .ipad--p-1 {
    	left: 52%;
    	top: 20%;
    	width: 28%;
	}
}

.fancynavbar-brand {
	padding: 0.6rem 0 0 0;
}

.fancynavbar-addon-item {
	padding: 0.6rem 0 1rem 0;
}

.nowrap {
	white-space: nowrap;
}

.farbe-1 {
	color:#c8c8c8;
}

h1 {
	font-weight: 400 !important;
}



.alx-h1 {
	font-weight: 600;
}

.alx-h2 {
	font-weight: 400;
	color:#c8c8c8;
}

/* ----------------------------------------------
   Startseite: Anfang
---------------------------------------------- */
.devices-wrapper {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: absolute;
  top: 60%;
  left: 30%;
  width: 56.25rem;
  height: 56.25rem;

}

.devices-wrapper .start-foto-1 {
	position: absolute;
	left: -3%;
	top: 40%;
	width: 28%;
}

.devices-wrapper .start-foto-2 {
	position: absolute;
	left: 22%;
	top: 17%;
	width: 28%;
}

.devices-wrapper .start-foto-3 {
	position: absolute;
	left: 27%;
	top: 40%;
	width: 10%;
}

.devices-wrapper .start-foto-4 {
	position: absolute;
	left: 39%;
	top: 40%;
	width: 28%;
}

.devices-wrapper .start-foto-5 {
	position: absolute;
	left: 52%;
	top: 17%;
	width: 27%;
}

.devices-wrapper .start-foto-6 {
	position: absolute;
	left: 35%;
	top: 84%;
	width: 25%;
}

.devices-wrapper .start-foto-7 {
	position: absolute;
	left: 28%;
	top: 63%;
	width: 25%;
}

.devices-wrapper .start-foto-8 {
	position: absolute;
	left: 69%;
	top: 40%;
	width: 10%;
}

.devices-wrapper .start-foto-9 {
	position: absolute;
	left: 81%;
	top: 40%;
	width: 28%;
}

.devices-wrapper .start-foto-10 {
	position: absolute;
	left: 55%;
	top: -14%;
	width: 10%;
}

.devices-wrapper .start-foto-11 {
	position: absolute;
	left: 88%;
	top: 63%;
	width: 10%;
}

/* ---------- */

@media (min-width: 576px) {
	.devices-wrapper {
		/*
		left: 70%;
		width: 31.25rem;
		height: 31.25rem;
		*/
		left: 38%;
    	top: 60%;
    	width: 60rem;
    	height: 60rem;
	}

  .devices-wrapper .start-foto-1 {
    	position: absolute;
		left: -3%;
		top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-2 {
    	position: absolute;
    	left: 22%;
    	top: 17%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-3 {
    	position: absolute;
    	left: 27%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-4 {
    	position: absolute;
    	left: 39%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-5 {
    	position: absolute;
    	left: 52%;
    	top: 17%;
    	width: 27%;
	}

	.devices-wrapper .start-foto-6 {
    	position: absolute;
    	left: 18%;
    	top: 84%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-7 {
    	position: absolute;
    	left: 30%;
    	top: 63%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-8 {
    	position: absolute;
    	left: 69%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-9 {
    	position: absolute;
    	left: 81%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-10 {
    	position: absolute;
    	left: 55%;
    	top: -14%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-11 {
    	position: absolute;
    	left: 88%;
    	top: 63%;
    	width: 10%;
	}
}

@media (min-width: 768px) {
	.devices-wrapper {
		/*
    	left: 60%;
    	width: 75rem;
    	height: 75rem;
    	*/

    	left: 38%;
    	top: 70%;
    	width: 82rem;
    	height: 82rem;
  	}

  	.devices-wrapper .start-foto-1 {
    	position: absolute;
		left: -3%;
		top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-2 {
    	position: absolute;
    	left: 22%;
    	top: 17%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-3 {
    	position: absolute;
    	left: 27%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-4 {
    	position: absolute;
    	left: 39%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-5 {
    	position: absolute;
    	left: 52%;
    	top: 17%;
    	width: 27%;
	}

	.devices-wrapper .start-foto-6 {
    	position: absolute;
    	left: 18%;
    	top: 84%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-7 {
    	position: absolute;
    	left: 30%;
    	top: 63%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-8 {
    	position: absolute;
    	left: 69%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-9 {
    	position: absolute;
    	left: 81%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-10 {
    	position: absolute;
    	left: 55%;
    	top: -14%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-11 {
    	position: absolute;
    	left: 88%;
    	top: 63%;
    	width: 10%;
	}
}

@media (min-width: 992px) {
	.py-lg-7 {
		padding-top: 1rem !important;
	}

	.schrift-1 {
		font-size: 3rem;
	}

	.devices-wrapper {
    	/*
    	left: 50%;
    	width: 68.75rem;
    	height: 68.75rem;
    	*/

    	/*
    	left: 40%;
    	top: 63%;
    	width: 20%;
    	*/

    	left: 38%;
    	top: 70%;
    	width: 82rem;
    	height: 82rem;
  	}

	.devices-wrapper .start-foto-1 {
    	position: absolute;
		left: -3%;
		top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-2 {
    	position: absolute;
    	left: 22%;
    	top: 17%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-3 {
    	position: absolute;
    	left: 27%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-4 {
    	position: absolute;
    	left: 39%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-5 {
    	position: absolute;
    	left: 52%;
    	top: 17%;
    	width: 27%;
	}

	.devices-wrapper .start-foto-6 {
    	position: absolute;
    	left: 18%;
    	top: 84%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-7 {
    	position: absolute;
    	left: 30%;
    	top: 63%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-8 {
    	position: absolute;
    	left: 69%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-9 {
    	position: absolute;
    	left: 81%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-10 {
    	position: absolute;
    	left: 55%;
    	top: -14%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-11 {
    	position: absolute;
    	left: 88%;
    	top: 63%;
    	width: 10%;
	}
}

/* ---------- */

@media (min-width: 1200px) {
	.devices-wrapper {
		left: 40%;
		width: 82rem;
		height: 82rem;
	}

	.devices-wrapper .start-foto-1 {
    	position: absolute;
		left: -3%;
		top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-2 {
    	position: absolute;
    	left: 22%;
    	top: 17%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-3 {
    	position: absolute;
    	left: 27%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-4 {
    	position: absolute;
    	left: 39%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-5 {
    	position: absolute;
    	left: 52%;
    	top: 17%;
    	width: 27%;
	}

	.devices-wrapper .start-foto-6 {
    	position: absolute;
    	left: 18%;
    	top: 84%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-7 {
    	position: absolute;
    	left: 30%;
    	top: 63%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-8 {
    	position: absolute;
    	left: 69%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-9 {
    	position: absolute;
    	left: 81%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-10 {
    	position: absolute;
    	left: 55%;
    	top: -14%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-11 {
    	position: absolute;
    	left: 88%;
    	top: 63%;
    	width: 10%;
	}
}

/* ---------- */

@media (min-width: 1400px) {
	/*
	.devices-wrapper {
	  left: 25%;
	  width: 100rem;
	  height: 100rem;
	}
	*/

	.devices-wrapper {
    	/*
    	left: 50%;
    	width: 68.75rem;
    	height: 68.75rem;
    	*/

    	left: 38%;
    	top: 70%;
    	width: 82rem;
    	height: 82rem;
  	}

  	.devices-wrapper .start-foto-1 {
    	position: absolute;
		left: -3%;
		top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-2 {
    	position: absolute;
    	left: 22%;
    	top: 17%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-3 {
    	position: absolute;
    	left: 27%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-4 {
    	position: absolute;
    	left: 39%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-5 {
    	position: absolute;
    	left: 52%;
    	top: 17%;
    	width: 27%;
	}

	.devices-wrapper .start-foto-6 {
    	position: absolute;
    	left: 18%;
    	top: 84%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-7 {
    	position: absolute;
    	left: 30%;
    	top: 63%;
    	width: 25%;
	}

	.devices-wrapper .start-foto-8 {
    	position: absolute;
    	left: 69%;
    	top: 40%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-9 {
    	position: absolute;
    	left: 81%;
    	top: 40%;
    	width: 28%;
	}

	.devices-wrapper .start-foto-10 {
    	position: absolute;
    	left: 55%;
    	top: -14%;
    	width: 10%;
	}

	.devices-wrapper .start-foto-11 {
    	position: absolute;
    	left: 88%;
    	top: 63%;
    	width: 10%;
	}
}

/* ---------- */

/* -------------------------------------------- */

/*-----------------------------------------------
|   Fancy Navbar Addon
-----------------------------------------------*/
.fancynavbar-addon {
  padding-left: 0;
}

@media (max-width: 991.98px) {
  .fancynavbar-addon-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 18rem;
    top: 0.281rem;
  }

 .fancynavbar-addon-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 12rem;
    top: 0.281rem;
  }

 .fancynavbar-addon-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 6rem;
    top: 0.281rem;
  }
}


.fancynavbar-addon-item-1 .fancynavbar-addon-item-2 .fancynavbar-addon-item-3 {
  display: block;
  color: #fafafa;
  margin-top: 0.5rem;
  font-size: 1.333rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


.fancynavbar-addon-item-1 {
  /* display: block; */
  display: inline-block;
  color: #fafafa;
  margin-top: 0rem;
  font-size: 1.333rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.fancynavbar-addon-item-2 {
  /* display: block; */
  display: inline-block;
  color: #fafafa;
  margin-top: 0rem;
  font-size: 1.333rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.fancynavbar-addon-item-3 {
  /* display: block; */
  display: inline-block;
  color: #fafafa;
  margin-top: 0.5rem;
  font-size: 1.333rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.fancynavbar-addon-item-1:hover, .fancynavbar-addon-item-1:focus {
  color: rgba(250, 250, 250, 0.75);
}
.fancynavbar-addon-item-2:hover, .fancynavbar-addon-item-2:focus {
  color: rgba(250, 250, 250, 0.75);
}
.fancynavbar-addon-item-3:hover, .fancynavbar-addon-item-3:focus {
  color: rgba(250, 250, 250, 0.75);
}


@media (min-width: 992px) {
  .fancynavbar-addon-item-1.fancynavbar-icon-cart {
    margin-top: 1rem;
  }
  .fancynavbar-addon-item-2.fancynavbar-icon-cart {
    margin-top: 1rem;
  }
  .fancynavbar-addon-item-3.fancynavbar-icon-cart {
    margin-top: 1rem;
  }
}


@media (max-width: 991.98px) {
  .fancynavbar-addon-item-1 .fancynavbar-addon-item-2 .fancynavbar-addon-item-3 {
    margin-top: 0;
    padding: 0.5rem;
    font-size: 1rem;
  }
}
*/

/*-----------------------------------------------
|   Fancynav Top
-----------------------------------------------*/
@media (min-width: 992px) {
  .fancynavbar-top .fancynavbar-collapse {
    width: 50vw;
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem);
  }
  .fancynavbar-top .fancynavbar-togglerbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
  }
  .fancynavbar-top .fancynavbar-toggler {
    -webkit-transform: translateY(4%);
    -ms-transform: translateY(4%);
    transform: translateY(4%);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .fancynavbar-top .fancynavbar-addon-1 .fancynavbar-addon-2 .fancynavbar-addon-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 4.375rem;
    top: 0.281rem;
  }
  .fancynavbar-top .fancynavbar-addon-item-1 .fancynavbar-addon-item-2 .fancynavbar-addon-item-3 {
    margin-top: 0;
    padding: 0.5rem;
    font-size: 1rem;
  }
}