*, h1, h2, h3, p {hyphens: none;}

html, body {
  font-size: 18px !important;
}
p a {
  color: #000;
}


.header {
  line-height: 200px;
}

.logo a {
  background-image: url(../img/logo/Logo.png);
  position: absolute;
  left: 0px;
  top: 10px;
  width: 180px;
  height:180px;
  
}

.mod_langswitcher {
  position: absolute;
  float: none;
  margin-left: 0px;
  right: 50px;
  top: -60px;
}
.header .mod_langswitcher { font-size: 18px; height: 20px;}
.header .mod_langswitcher .mod_langswitcher_inside,
.header .mod_langswitcher .mod_langswitcher_inside a {color:#000;}
.mod_langswitcher .mod_langswitcher_inside::after {content: none;}

#top-wrapper {
	background-color: rgba(255,255,255,0.7);
	/*border: 10px solid rgba(255,255,255,0);*/
}

.header .mainmenu ul li a {color:#000 !important;}
.header.original .mainmenu ul li a.active {color:#000 !important;}
.header .mainmenu ul li a.active span { border-bottom: 1px solid #000 !important;}
/*
.inhalt .ce_bgimage-image {
  background-size: inherit;
  background-repeat: repeat !important;
}

*/
.ce_text_image_bar.txt_left .imagebox,
.ce_text_image_bar.txt_right .imagebox{
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}


.logo-baa .imagebox { height: 500px !important;}


#footer {
	background:url("../img/hintergrund.jpg");
	color:#000;
}
#footer > .inside {padding: 80px 40px 0px 40px !important;}
#footer h3 {font-size: 42px; font-weight:800;}


#bottom {background:none;}
#bottom .inside, #bottom .inside a { color: #000;}
#bottom .inside {padding: 5px 40px;}


.button {
  text-align: center !important;
  background: #f8e986;
  color: #000;
  box-shadow: 11px 15px 15px -10px #000;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  padding-top:50px;
  font-family: "Amatic SC";
  font-size:60px !important;
  line-height:60px;
}

.shop a {
	border-radius: 100px;
	width: 200px;
	height: 200px;
	text-align: center !important;
	padding: 40px 0px 0px 0px;
	font-family: "Amatic SC";
	font-size: 60px !important;
	line-height: 60px;
	box-shadow: 11px 15px 15px -10px #000;
}
.shop a:hover{
	color:#000 !important;
	opacity:0.8;
}

.font_slider {
	font-family: "Amatic SC";
	font-size: 70px !important;
	font-weight: bold !important;
	line-height: 80px;
	bottom: 0px !important;
	position: absolute;
}

.overlay .ce_bgimage-image{
   object-fit: cover;
   opacity: 0.8;
}


.ce_text_image_bar {background: none;}
.ce_text_image_bar .subheadline {color: #000;}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */

	.logo a {
	  left: 10px;
	  top: 5px;
      width: 70px;
      height: 70px;
   }
   .button {
     width: 150px;
     height: 150px;
     border-radius: 100px;
     padding:35px 0px 0px !important;
     font-size: 45px !important;
     line-height: 45px;
   }
   .text_position .ce_bgimage-outer {
    position: absolute;
    bottom: 0px;
    width:100%;
  }

  .font_slider {
	font-size: 50px !important;
	line-height: 60px;
	bottom: 0px !important;
	left:10px;
	position: absolute;
 }

}




.font-size-xxxxxl, .font-size-xxxxxl p	{ font-size:6.667rem; line-height:1.5}
.font-size-xxxxl, .font-size-xxxxl p	{ font-size:5.667rem; line-height:1.5}
.font-size-xxxl, .font-size-xxxl p		{ font-size:5rem; line-height:1.5}
.font-size-xxl, .font-size-xxl p		{ font-size:4.333rem; line-height:1.5}
.font-size-xl, .font-size-xl p			{ font-size:3.667rem; line-height:1.5}

.font-size-l, .font-size-l p { font-size:60px;}
.font-size-m, .font-size-m p { font-size:40px;}
.font-size-s, .font-size-s p { font-size:32px;}

.font-size-xs, .font-size-xs p			{ font-size:1.467rem; line-height:1.5}
.font-size-xxs, .font-size-xxs p		{ font-size:1.2rem; line-height:1.8}
.font-size-xxxs, .font-size-xxxs p		{ font-size:.9333rem; line-height:1.5}
.font-size-xxxxs,.font-size-xxxxs p 	{ font-size:.8rem }
.font-size-xxxxxs, .font-size-xxxxxs p	{ font-size:.6667rem}