body, h1, h2, h3, h4, h5, h6, newsletter, .sppb-addon-content {
  font-family: 'Roboto', sans-serif!important;
  font-weight: 400;
  text-decoration: none;
}
a, a:hover, a:focus, a:active {
  color: #17a6a5;
}
#sp-top-bar {
  background: #2d3a4b;
  color: #aaaaaa;
  padding: 0px;
}
 #2d3a4b
#sp-header {
    background: #ffffff;
}
.burger-icon > span {
  background-color: black;
}
.offcanvas-menu {
background-color: #ffffff; 
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
	color: #ffffff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: rgba(255,255,255,0.7);
}
.close-offcanvas {
    position: absolute;
    top: 15px;
    z-index: 1;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    color: #333;
}
.bfSubmitButton button, button {
    background-color: #009ddf;
    /*color: #ffffff;*/
    padding: 15px 30px 15px 30px!important;
    font-size: 24px!important;
	border-radius: 5px;
	border: solid 1px #009ddf;
}
button:hover {
    background-color: #009ddf;
    color: rgba(255,255,255,0.8);
    /*padding: 15px 30px 15px 30px;*/
    font-size: 24px;
	border-radius: 5px;
	border: solid 1px #009ddf;
}
#sp-footer #sp-footer2 {
text-align: left;
}
/*** HAMBURGER MENU ***/
ul.mod-menu.mod-list.nav.menu-mainmenu.hamburger {
	display:block;
}
/*FOOTERMENUS
#sp-footer1 ul.menu {
	list-style-type: none;
	padding-left: 0;
	line-height: 1.7;
	width: 90%;
}

#sp-footer1 ul.menu li {
    display: block;
    margin: 5px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
 footer#sp-footer div.container div.container-inner div.row div#sp-footer1.col-lg-6 div.sp-column ul.mod-menu.mod-list.nav li {
	padding-right: 15px;
}


div.row div#sp-footer-account.col-lg-3 div.sp-column div.sp-module div.sp-module-content ul.menumenu a img {
	float: left;
	padding-right: 10px;
}
ENDE FOOTERMENUS*/
.btn-primary, .sppb-btn-primary {
    border-color: #009ddf;
    background-color: #009ddf;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #252525;
    background-color: #252525;
}
/**********KONTAKT*******/
div.contact dl.contact-address.dl-horizontal dt span.jicons-icons {
display: none;
}
dd {
    margin-bottom: 0;
    margin-left: 0;
}
/******ANIMATION STARTSEITE *******/
birne, .birne {
	/*height: 750px;*/
	/*left: 0;
	margin: 0 auto;*/
	padding: 0;
	position: absolute;
	right: 0;
	top: -50px;
	-webkit-transform-origin: 50% -100%;
	-moz-transform-origin: 50% -100%;
	-ms-transform-origin: 50% -100%;
	-o-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
	-webkit-animation: birne 4.0s ease-in-out forwards infinite;
	-moz-animation: birne 4.0s ease-in-out forwards infinite;
	-ms-animation: birne 4.0s ease-in-out forwards infinite;
	-o-animation: birne 4.0s ease-in-out forwards infinite;
	animation: birne 4.0s ease-in-out forwards infinite;/*width: 750px;*/
}
 @keyframes birne {
 0% {
 -ms-transform: rotate(3deg);
 -webkit-transform: rotate(3deg);
 -moz-transform: rotate(3deg);
 -o-transform: rotate(3deg);
 transform: rotate(3deg);
}
 50% {
 -ms-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
 transform: rotate(-3deg);
}
 100% {
 -ms-transform: rotate(3deg);
 -webkit-transform: rotate(3deg);
 -moz-transform: rotate(3deg);
 -o-transform: rotate(3deg);
 transform: rotate(3deg);
}
}
.banner {
	max-height: 800px;
	min-height: 800px;
}
#logo {
	padding-left: 5%;
	padding-top: 5%;
}
#licht {
	background-image: url("../../../images/capito/kopf.jpg");

}
/* Startpositionen */


.frame {
	position: relative;
	width: 650px;
	height: 650px;
	background: #feffef;
	margin:0;
	overflow: hidden;
	background-image: url("../../../images/capito/kopf.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 10%;
}
.frame img {
	position: absolute;
}

.wolken {
	width: 600px;
	height: 200px;
	animation: loop1 80s infinite reverse linear;
	top: 80px;
}
.wolken2 {
	width: 600px;
	height: 200px;
	animation: loop2 80s infinite reverse linear;
	top: 80px;
}

 @keyframes loop1 {
 from {
left: -100%
}
 to {
left: 0px
}
}
 @keyframes loop2 {
 from {
left: 0px
}
 to {
left: 100%
}
}
 
@media (max-width: 480px) {
.frame {
	width: 100%;
	max-width: 400px;
	max-height: 400px;
	margin-left: 0;
	margin: 0 auto;
}
.wolken {
	width: 240px;
	height: 80px;
}
.wolken2 {
	width: 240px;
	height: 80px;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.frame {
	width: 100%;
	max-width: 460px;
	max-height: 460px;
	margin: 0 auto;
}
}
@media (min-width: 769px) and (max-width: 1100px) {
.frame {
	width: 500px;
	height: 500px;
	margin-left: 0;
}
.wolken {
	width: 360px;
	height: 120px;
}
.wolken2 {
	width: 360px;
	height: 120px;
	}
}
	
@media (min-width: 1200px) {
	.toolbox {
		max-width:700px;
	}
}
.animated-heading-highlighted-wrap svg {
    padding-top: 10px;
}
.animated-heading-highlighted-text.shape-square {
    padding: 17px 20px 5px 40px;
}
	
.burger-icon > span {background-color: black; background: black;}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
  background: #009ddf;
  color: #000000;
}
.offcanvas-menu .offcanvas-inner ul.menu > li, .offcanvas-menu .offcanvas-inner ul {
  color: #009ddf;
  text-decoration: none;
}
 ul.menumenu-mainmenu li.default.current.active::marker {
color: #009ddf;
}
 @media (max-width: 680px) {  #sp-header {height: 60px;}
 }

.sppb-addon-animated-heading .sppb-addon-title {
  text-align: center;
}

/***** PAGEBUILDER ERP ***/
.slogan h2, slogan .slogan h2.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
	font-style: italic;
	font-weight: 400!important;
}
.sppb-addon-text {
	  font-family: 'Roboto', sans-serif!important;
}

/*** SPRACHFLAGGEN TOP ***/
div.mod-languages li {
  margin: 0!important;
}

#sp-main-body {
  padding: 0 0!important;
}