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

            Allgemein

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

a {color: #363636; text-decoration: underline;}
a:hover {color: #8c8c8c; text-decoration: underline;}

h1, h2, h3, h4, h5, h6, .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {    font-family: 'Bebas Neue', sans-serif; color: #363636;text-decoration: none; }


.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a { color: #8c8c8c;}

body .btn.btn-primary {
    background: transparent;
    border-color: #363636;
    color: #363636;
}

body .btn.btn-primary:hover {
    background: #363636;
    border-color: #363636;
    color: #fff;
}

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

            Header

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







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

            Offcanvas

**************************************/
#offcanvas-toggler > .fa {color: #363636; font-size: 36px;}
.offcanvas-menu .offcanvas-inner {padding: 80px 30px 30px;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {dext-decoration: none; font-size: 24px;}









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

            Navigation links

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














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

            Inhalt

**************************************/
#sp-main-body { margin-top: 130px;}


/* simple-portfolio*/

.sp-simpleportfolio-details {
    max-width: 50%;
    float: left;
    padding: 0 30px 0 0;
}

.sp-simpleportfolio .sp-simpleportfolio-image {
    margin-bottom: 20px;
    max-width: 45%;
    float: right;
}

.sp-simpleportfolio .sp-simpleportfolio-meta { display: none;}
.sp-simpleportfolio .sp-simpleportfolio-description { width: 100%;}


#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {font-family: 'Open Sans', sans-serif; font-size: 18px;    font-style: normal;}
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group { padding: 0px; max-width: 500px; clear: both;}
.jsn-master .controls input[type="radio"], .jsn-master .controls input[type="checkbox"] {margin-right: 20px;}


.flip-box-inner .btn.btn-primary {background: transparent; border-color: #fff; color: #fff;text-decoration: none;}
.flip-box-inner .btn.btn-primary:hover {background: #fff; border-color: #fff; color: #363636;}


/* sp simple portfolio */
.featherlight { z-index: 20000;}
.sppb-flipbox-front.flip-box::before {background: rgba(54, 54, 54, 0.3);}

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

            Randspalte

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









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

            Footer

**************************************/
#sp-credits {font-size: 12px;}



#sp-footer h3 {color: #fff;}

#sp-footer label {font-style: normal; font-weight: 500; font-size: 14px;}
#sp-footer .form-control {padding: 7px 10px 7px 10px;}
#sp-footer .btn.btn-primary {background: transparent; border-color: #fff; color: #fff;}
#sp-footer .btn.btn-primary:hover {background: #fff; border-color: #fff; color: #363636;}



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

            Mediaqueries

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

@media (max-width: 768px) {

	
	
	
}

@media (max-width: 1200px) {

	
	
	
}

@media (max-width: 990px) {
	
	
	
	
	
}

@media (max-width: 570px) {
	

	
	
	
}

@media screen and (min-width: 990px) and (max-width: 1200px) {


	
	
	
}

@media (min-width: 990px) {

	
	
	
}
@media (min-width: 1200px) {


	
	
	
}

@media (min-width: 1500px) {


	
	
}