/* *****************************************************************************
 * responsive Design
 */
 
@media only screen and (max-width: 1500px) {
	 
	.footerLink {
	    padding: 0px;
	}
}

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

	 #headMenu li a {
	 	font-size: 1.2em;
	 }
	 #geolab_anmelden {
	 	padding: 0px;
	 }
	 .rightBorder {
	 	margin: 3px;
	 }
}

@media only screen and (max-width: 1200px) {
    
    .suchBox, .filterBox {
        width: 45%!important;
    }
	 #headMenu li {
 	    margin-right: 15px;
	 }
    
    .geolabbb.middle {
        width: calc(100% - 200px);
    }
	 
	 input#searchForTasks {
	 	font-size: 1em;
	 	width: 150px;
	 }
	 
    
}

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

    #geolabhead {
        height: auto;
    }
	#headMenu {
	   width: 100%;
	}

    #headMenu li {
	  margin-right: 0px;
    }
    
    #headMenu li a {
		font-size: 1em;
	}
    
    .popover, .popover-content, #guidedTourTable {
        width: 90%;
	    max-width: 90%!important;
        height: 90%;
        max-height: 90%!important;
	}
	
    div.footerLink {
        display: block;
        width: 100%;
    }
    
    #body {
        display: inline-block!important;
        width: 100%!important;
        position: relative!important;
    }
    #mainArea, #body .portal-map, .aufgabe {
        display: inline-block!important;
        width: 98%!important;
        position: relative!important;
        height: 100%!important;
    }
    
    .toggleAufklappDiv {
        text-indent: 0!important;
    }
    
    .toggleAufklappDiv:not(.disabled)::after {
        right: 5px;
    }
    .aufgabenDiv input[type="text"], .aufgabenDiv textarea {
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
	
    .indexBox, .flexboxIndex {
        display: block!important;
        width: 96%!important;
        margin-bottom: 10px;
    }
    
	img.img {
	    display: initial!important;
	}

    #headMenu li {
    	width: 25%;
		margin-right: 0px;
    }

    div.geolabbb {
       float: none;
       display: block;
    }
    .geolabbb.left {
        text-align: center;
        float: none;
    }
    
    .geolabbb.middle {
        padding-left: 0px!important;
        width: 100%;
    }
    
    .geolabbb.right {
        display: inline-block;
        width: 70%;
        float: right;
    }
}

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

    .suchBox, .filterBox {
        display: block;
        width: 100%!important;
    }

    #headMenu li, #headMenu li.smallerLi {
    	width: 100%;
		margin-right: 0px;
    }
    
    .geolabbb.right {
        width: 100%;
    }
}