/* ---0---------0--000000000---000000000----0---------0----0000000----00000000-----0----------0----00000000--------
------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--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----0--000000000---000000000----0----0----0--0---------0--0---------0--0----------0----00000000--------
------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--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--000000000---000000000----0---------0----0000000----00000000-------00000000------00000000----- */

/* Cookie Banner */

.cookiecontent a{
  color: #ed8000 !important;
  font-weight: 600 !important;
}

.cookiecontent a:hover{
  color: #bd651c !important;
  font-weight: 600 !important;
}


#cookiehintsubmit {
    background: #ed8000 !important;
        background-image: none;
    color: #fff !important;
}

#cookiehintsubmit:hover {
  background: #bd651c !important;
}

.offcanvas-inner{
display: flex;
flex-direction: column-reverse;
}
/** Allgemein **/
.iebugfix{
  display:inline !important;
}
.sortable-handler:before ,
.icon-menu {
   content:'\e236';
  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);
}
.hide{
  display:none !important;
}
.btn-custom-new > button{
      background: lightgray;
    color: white;
}

.btn-custom-bearbeiten > button {
    background: lightgray;
    color: white;
    margin: 10px 0 0 0 !important;
width: 100px !important;
}

.btn-custom-loeschen > button {
    background: red !important;
    color: white !important;
  margin: 10px 0 0 0 !important;
width: 100px !important;
}



/** Bereich Header **/
 

.fa-phone-alt::before {
    content: "\f879";
    padding-bottom: 5px;
    font-size: 0.8em;
}


.logo-image {
    height: 70px;
    margin-top: 10px
}

.startbild {
	background: url('/images/kopfbilder/bauphysik-schweiz_home.jpg');
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
}
 
#sp-header {
    position: absolute;
    z-index: 999;
    background: rgba(255,255,255,0.8);
    transition: all 1s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 45%, 0 100%);
    height: 220px;
    padding-top: 20px;	
}


    
#sp-header.header-sticky {
    background: white;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
  	height: 95px;
	z-index: 99999;
    padding-top: 0px;	
}
#sp-header.header-sticky ~ section#sp-main-body {
    padding-top: 100px;
}




/** Menü oben rechts **/

.sp-megamenu-parent > li > a {
    line-height: 0 !important;
    margin-top: -10px !important;
    font-weight: bold !important;
    padding: 0 10px;
    font-size: 18px !important;
}







/** Bereich Before Main **/

#sp-home-infos {
    margin-top: -60px;
    z-index: 9999;
     position: relative
}

#sp-home-info, 
#sp-home-info-2, 
#sp-home-info-3, 
#sp-home-info-4  {
    background: #fff;
    padding: 10px;
    margin-right:px;
    margin-left:0px;
    border-top:10px solid #888;
    margin-right: 10px;
  	margin-top: 34px;
    max-width: 265px !important;
}



#sp-home-info, 
#sp-home-info-2, 
#sp-home-info-3, 
#sp-home-info-4 {
    height: 100px;
    overflow: hidden;
    transition: all 1s;
}

#sp-home-info:hover, 
#sp-home-info-2:hover, 
#sp-home-info-3:hover, 
#sp-home-info-4:hover
 {
    height: 334px;
     margin-top:-200px;
     
}

#sp-home-infos li {
    margin-left: -20px
}

#sp-home-infos h2 {
   font-size: 1.4em !important; 
}






/* Main Menu */

#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    border: 0px solid #f3f3f3;
    padding: 10px 30px 0 0;
}

ul.accordion-menu {
	border:0px solid #1a1a1a !important;
	line-height:1.6em !important;
	list-style:none !important;
	font-size:1.1em !important;
	background: none !important;
}

 ul.accordion-menu.button-right li > .item-wrapper > .menu-button {
    padding: 20px 0 0 0 !important;
}

ul.accordion-menu li li > .item-wrapper > .menu-link > a {
        padding-left: 20px !important;
}

ul.accordion-menu li li li> .item-wrapper > .menu-link > a {
        padding-left: 40px !important;
}

#offcanvas-toggler {
    line-height: 50px;
}

.offcanvas-menu {
    z-index: 99999;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    display: block;
    font-size: 1.2em;
    padding: 0.125rem 0;
    position: relative;
    line-height: 2em;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    font-size: 1.2em;
}




/** Bereich Main **/

.cck-w70 {
    width: 57%;
}

.cck-w30 {
    width: 40%;
}

/** Team **/

.portfoliobild {
    padding-bottom: 20px
}

.teamname {
    padding-bottom: 0px
}

.position {
    padding-bottom: 20px;
    margin-top: -7px;
    font-weight: bold;
}




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



/** Admin Bereich **/

.btn {
	 margin-right: 3px;
	 pading-top:20px;
    margin-top: 40px;
   
}

.cck_bau_pensum {
    padding-bottom: 20px;
}

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


/******************************************************/
/** MEDIA QUERIES START **/
/******************************************************/
/** Laptop**/
@media screen and (max-width: 1200px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
    /** Bereich After Main **/
    /** Bereich Bottom **/
    
    #sp-home-info.col-lg-3,
    #sp-home-info-2.col-lg-3,
    #sp-home-info-3.col-lg-3,
    #sp-home-info-4.col-lg-3,
    .col-lg-6 {
        max-width: 230px !important;
    }
}

/** Landscape Tablet**/
@media screen and (max-width: 991px) {
    /** Allgemein **/
    /** Bereich Header **/
    /** Bereich Before Main **/
    /** Bereich Main **/
	
	
	.cck-w70 {
    width: 100%;
}

.cck-w30 {
    width: 100%;
}

#accordion_menu_132 {
	display:none;
}
	
	
    /** 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 **/
    #sp-home-info.col-lg-3,
    #sp-home-info-2.col-lg-3,
    #sp-home-info-3.col-lg-3,
    #sp-home-info-4.col-lg-3,
    .col-lg-6 {
        max-width: 350px !important;
    }
}

/** 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 **/
    
     #sp-home-info.col-lg-3,
    #sp-home-info-2.col-lg-3,
    #sp-home-info-3.col-lg-3,
    #sp-home-info-4.col-lg-3,
    .col-lg-6 {
        max-width: 550px !important;
    }
	
	.kontaktangaben-start h4 {
		font-size:20px !important;	
		width: 200px;
		margin-left: -109px;
	}
	
	#sp-header {
		position: absolute;
		z-index: 999;
		background: rgba(255,255,255,0.8);
		transition: all 1s;
		clip-path: border-box;
		height: 170px;
		padding-top: 20px;
	}
  
  	 #sp-footer2 {
    	text-align: left !important;
  	}
}
	
}

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


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





#sp-left ul.menu-child li,
#sp-right ul.menu-child li {
  padding-left: 10px;
}


.clearfix {
    display: block !important;
}

.modal-button {
    display: none;
}

#sp-adminmenue{
  background:#ccc;
}
#sp-adminmenue .menu{
list-style: none;
display: flex;
flex-flow: row nowrap;
gap: 20px;
padding: 20px 0px;
margin: 0px;
  justify-content: center;
}


#sp-adminmenue .menu a {
    background-color: #e7e7e7 !important; 
    color: black !important;
  	padding:10px 20px;
  transition:opacity 300ms ease-in-out;
} 


#sp-adminmenue .menu a:hover {
	opacity:0.7;
}
.webmodus-custom-bearbeiten-button > button{
      background-color: #e7e7e7 !important; 
    color: black !important;
  	padding:10px 20px;
  transition:opacity 300ms ease-in-out;
  border-radius:0px !important
}
.webmodus-custom-bearbeiten-button > button:hover{
	opacity:0.7;
}