/*-------------
--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
---------------
-------------*/
.itemid-101 #sp-main-body .uk-scope{
    opacity: 0;
    transition: opacity 300ms ease-in;
}
.cck_agenda_bild {
    padding-top: 30px !important;
}

.cck_art_fulltext {
    padding-top: 20px;
}

/* Frontend sorting */
/* Frontend sorting */
.sortable-handler:before ,
.icon-menu {
   content:'O';
  font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
}

.hide {display: none;}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.01);
}

.btn-custom-bearbeiten {
    float:left;
}


/*
.btn-custom-bearbeiten,
.btn-custom-loeschen {
    margin-top: -40px !important;
}	
*/





/* Module Bearbeitenbutton */
.jmodedit {
  background: #aae1ff ;
  border: 2px red solid;
  padding:20px;
  color: black;
}

.jmodedit:before {
  content: 'Bearbeiten';
}








.mietobjekte .breadcrumb {
    display: none;
}

.uk-accordion-title {
    color: #000 !important;
}


.cck_gewerbebild img {
    width: 95%;
    margin-top: 0px;
}

.uk-panel-hover:hover {
    background: #f8f8f8 !important;
}

.uk-panel-hover {
    padding-top: 0 !important;
}
.article-details {
    margin-top:-160px !important;
    
}

.article-details h1 {
    color: #fff;
    padding-bottom: 100px !important;
}

.article-details h2 {
    margin-bottom: 20px;
    margin-top: 20px;
    
}

.startseite .body-innerwrapper {
    background: #f0f0f0
}


.fa-bars::before {
    content: "\f0c9";
    z-index: 999;
    position: relative;
    font-size: 1.5em;
}

.body-wrapper {
    margin-top: 130px;
}

/** Allgemein **/

.body-innerwrapper {
    background: #fff;
}

img {
    border-radius: 20px;
}

.box a {
    color: white;
}

.box a:hover {
    color: #f4d029;
}

.boxhome a {
    color: white;
}

.boxhome a:hover {
    color: #f4d029;
}

.breadcrumb {
    text-align: right !important;
    float: right;
    background: none !important;
    color: #fff;
    margin-left: -15px;
    margin-top: 26px !important;
}
.startseite .breadcrumb {
  display:none;
}
.breadcrumb-item.active {
    color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}


.startseite #sp-titelbalken-unterseiten {
  display:none;
}

.breadcrumb a  {
    color: #fff;
}

#sp-titelbalken-unterseiten {
    background: #7c7b7b;
    color: #fff;
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 53% 76%, 51% 100%, 49% 76%, 0 75%);
    height: 140px;
}



/** Bereich Header **/
.logo {
    margin-top:15px;
    padding-bottom: 10px;
    text-align: center;
 
}

@media screen and (max-width: 1050px) {
  .logo {
    float: right;
  }
}

.logo img {
    height: 80px;
  padding-right: 30px;
}



#sp-headerbereich {
    position: fixed;
    top: -25px;
    z-index: 99999;
    background: white;
    width: 100%;
    height: 150px;
    padding-top: 30px;
}



#sp-menu {
    margin-left:-20px;
    margin-right: 40px
}

#sp-menu-rechts {
    margin-right: -20px;
    float: right;
}

#sp-boxen-startseite {
    margin-top: -150px;
    z-index: 9999 !important;
    position: relative;
}

#sp-startseite-box-oben-links {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
  	z-index:999;
    box-shadow: 10px 20px 40px -40px black;
}

#sp-startseite-box-oben-rechts {
    background: #db8f03;
    border-radius: 20px;
    padding: 40px;
    margin-left: 20px;
    margin-right: -20px;
  	color: #fff;
    box-shadow: 10px 20px 40px -40px black;
  z-index: 999;
}



/** Menü  **/


#sp-menu-links {
    margin-left:-20px;
    margin-right: 40px;
}

#sp-menu-rechts {
    margin-right: -40px !important;
    margin-left: 20px;
}


#sp-header-mobile {
    height: 100px;
}

#offcanvas-toggler {
    margin-top: -100px;
  z-index: 9999999999999999;
    position: relative;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    margin-top: -40px;
}


.dj-megamenu-default {
    background: none !important;
    color: black !important;
    border: none !important;
   
}

.dj-megamenu-default li a.dj-up_a {
    border-right: 0px solid #000 !important;
    border-left: 0px solid #000 !important;
}
.dj-megamenu-default a {
    color: black !important;
     margin-top: 20px !important;
    margin-right: -16px !important;
    font-size: 16px !important;
    text-transform: inherit !important;
}

.dj-drop {
    margin-right: -19px !important;
}

.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
   background: none !important;
}

.dj-megamenu-default li:hover div.dj-subwrap, .dj-megamenu-default li.hover div.dj-subwrap {
    background: white !important;
  color:black !important;
}

.dj-megamenu-default li ul.dj-submenu > li {
    border-top: none !important;
}


.dj-megamenu-default li ul.dj-submenu > li > a:hover, .dj-megamenu-default li ul.dj-submenu > li > a.active, .dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a {
    background: #db8f03 !important;
    color: white !important;
    font-weight: bold;
}


.dj-megamenu-default li ul.dj-submenu > li > a {
    line-height: 24px !important;
}

.dj-megamenu-default li a.dj-up_a .arrow::before {
    content: "\f107";
    position: absolute !important;
    margin-top: 23px !important;
}

/** Bereich Before Main **/
/** Bereich Main **/
#sp-main-body {
    padding: 50px 0;
}
#sp-header.header-sticky ~ section#sp-main-body {
    padding-top: 50px;
}

#sp-left .sp-module, #sp-right .sp-module {
   	margin-top: 0px;
    border: none;
    padding: 0px;
    border-radius: 0px;
}

.box {
    background: #db8f03;
    color: white;
    padding: 40px !important;
    border-radius: 20px !important;
}

.uk-accordion-title {
    margin-bottom: 10px !important;
    padding: 20px !important;
    background:#dedede !important;
    color: white;
    border-radius: 20px;
}




.newsdatum-detail {
    background: none;
    margin: -70px 0 50px 0;
}

.newsbild-detail {
    
}



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

.quote-left {
    float: left; 
    font-size: 8em;
    color: #fff;
    margin-top: -40px;
    padding-right: 40px;
}

.quote-right {
    float: right;
    font-size: 8em;
    color: #fff;
    margin-top: -40px;
    padding-left: 40px;
}

#sp-referenzen {
    color: #fff;
    font-weight: bold ;
}



/**Mobile Menü**/

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

/** Admin Bereich **/

/** Michi Anpassung START **/
.btn-toolbar{
  width:100% !important;
}
.cck_button_submit {
  width:unset !important;
}
/** Michi Anpassung ENDE **/

.btn {
    margin-right: 3px;
    
    background: #db8f03;
    color: cornsilk;
    font-weight: bold;
    vertical-align: top;
  
}

.cck_bau_pensum {
    padding-bottom: 20px;
}

.article-details .article-can-edit a {
    background: #aae1ff !important;
    border: 2px red solid;
	font-size: 16px;
    color: #000;
}

.mceBranding {
    display: none !important;
}

.layout-edit #editor-xtd-buttons, .layout-edit .toggle-editor {
    margin-top: 20px;
    display: none;
}

/* Im Frontend die Form-Tabs verstecken */
ul#com-content-formTabs li:nth-child(1),
ul#com-content-formTabs li:nth-child(2),
ul#com-content-formTabs li:nth-child(3),
ul#com-content-formTabs li:nth-child(4) {
    display: none;
}
.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}


/* Module Bearbeitenbutton */
.jmodedit {
  background: #aae1ff ;
  border: 2px red solid;
  padding:20px;
  color: black;
}

.jmodedit:before {
  content: 'Bearbeiten';
}


/**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;
}

.offcanvas-menu .offcanvas-inner .sp-module ul {
    margin: -5px 0 0 0;
}

/******************************************************/
/** MEDIA QUERIES START **/
/******************************************************/
/** Laptop**/
@media screen and (max-width: 1200px) {
    /** Allgemein **/
    /** Bereich Header **/
    
    
    .dj-megamenu-default a {
        font-size: 15px !important;
        margin-right: -30px !important;
    }
    
    #sp-menu-links .dj-megamenu {
        margin-right: -34px !important;
    }
    
    .body-wrapper {
        margin-top: 130px;
    }

   #sp-header-mobile {
    background: #fff;
    position: fixed;
    z-index: 99999;
    width: 100%;
    margin-top: -130px;
    padding: 15px 0px;
    height: 130px !important;
}
    
    #sp-logo img {
        margin-top: -10px
    }
  
  .logo {
    text-align: left !important;
  }
    
    
    
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
}

/** Landscape Tablet**/
@media screen and (max-width: 991px) {
 .body-wrapper {
        margin-top: 130px;
    }
  
  #sp-referenzen {
    padding: 50px;
  }
  
  #sp-startseite-box-oben-rechts {
    margin: 30px 0px;
  }
}

/** Tablet**/
@media screen and (max-width: 991px) {
  
}


@media screen and (max-width: 900px) {
  

/** Mini Tablet**/
@media screen and (max-width: 768px) {
    /** Allgemein **/
    /** Bereich Header **/
    #sp-titelbalken-unterseiten {
        background: #7c7b7b;
        color: #fff;
        clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 55% 76%, 51% 100%, 46% 76%, 0 75%);
    }
    
    #sp-startseite-box-oben-links {
        margin-top: 180px;
    }
    
    #sp-startseite-box-oben-rechts {
        margin-left: 0;
    }
    
    .quote-right {
        display: none;
    }
    
    .quote-left {
        float: none;
        font-size: 3em;
        margin-left: 45%;
    }
  
    .breadcrumb {
        display: none;
    }
  
    /** 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) {
    .breadcrumb {
        display: none;
    }
  .newsdatum-detail {
    margin: -40px 0 50px 0;
}
}

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


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


.sortable-handler, .span.sortable-handler, .agenda_datum-trigger {
    background: black !important;
    border: 6px solid yellow !important;
   
}