/*-------------
--0---------0--
--0---------0--
--0-------- 0--
--0---------0--
--0----0----0--
--0---0-0---0--
--0--0---0--0--
--0-0-----0-0--
--0---------0--
---------------
Webmodus GmbH
Rain 21
5000 Aarau
---------------
www.webmodus.ch
---------------
-------------*/



/** Allgemein **/

#sp-footer .container-inner {
    border-top: none !important;
}

h5 {
    line-height: 1.3em !important;
}

/** Bereich Header **/

#sp-header .logo a {
    font-family: 'Prata', sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
}

.sp-megamenu-parent > li.active > a {
    font-weight: bold !important;
}

/** Menü oben rechts **/
/** Bereich Before Main **/
/** Bereich Main **/

/** Bereich After Main **/
/** Bereich Bottom **/

/**Mobile Menü**/

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    font-size: 1.75rem;
    padding: 0.2rem 0;
}

/** Admin Bereich **/


/* Im Frontend die Form-Tabs verstecken */



/* Module Bearbeitenbutton */



/**Kontaktformular**/

.formular #field2, #field3, #field4, #field5 {
  width: 49%;
  margin-right: 1%;
  float: left
}

.formular #field6, #field7 {
  width: 99%;
  float: left
}

.formular #field7 {
  	padding: 0.5rem 0.75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #495057;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 0.25rem;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  	height: 200px;
}

.formular #field2, #field3, #field4, #field5, #field6, #field7, #field8 {
    margin-top: 12px;
}

.formular .btn:hover {
    background-color: lightblue;
}

/******************************************************/
/** MEDIA QUERIES START **/
/******************************************************/
/** Laptop**/
@media screen and (max-width: 1200px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
}

/** Landscape Tablet**/
@media screen and (max-width: 991px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
}

/** Tablet**/
@media screen and (max-width: 991px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
    
}

/** Tablet**/
@media screen and (max-width: 900px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
}

/** Mini Tablet**/
@media screen and (max-width: 768px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
}

/** Mobile Landscape **/
@media screen and (max-width: 660px) {

    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
	
	
}

/** Mobile **/
@media screen and (max-width: 480px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
}

/** Mobile **/
@media screen and (max-width: 320px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    line-height: 27px !important;
}

/******************************************************/
/** MEDIA QUERIES ENDE **/
/******************************************************/

span.prev-control.nav-control {
  border: 1px solid white !important;
}

span.next-control.nav-control {
  border: 1px solid white !important;
}

.sppb-carousel-extended-list img{
  min-height: 200px;
}