/* Globale CSS-Klassen */

#mwrapper h1, #lmwrapperstart h1 {padding-bottom:0px;}

.lmrow {
  width:auto;
}
#lmwrapperstart {
	background-color: #fff;
}

#lmwrapper {
	background-color: #f5f5f5;
}
.lmcontent .container {
	width:90%;
	margin-top:40px;
	margin-bottom:40px;
}

.lmcontent .container .first-headline {
	font-size:18px;
	padding:0;
	margin-top:0;
	text-align: left;
	background:none; 	
}

.lmcontent div.container+h1.first-headline {
	font-size:34px;
}

#officeimgwrapper {
	text-align:center;
	width:100%;
}
.lmrow:before, 
.lmrow:after {
  content: " ";
  display: table;
}
.lmtext {
	padding-left:1em;
}
.lmrow:after {
  clear: both;
}
#lmfooter {background-color: #e1f5f4;margin-top:1em;}
#lmfooter img {
	border:0
}
#lmfooter .lmcolumns {padding:2rem;}

.lmcircle {
	 -moz-border-radius: 50%;
    border-radius: 50%;
    width:2em;
    float:left;
    background-color: #fff;
    margin-left:0.5em;
}

.lm-right {background-color: #8cc43f;}
.lm-wrong {background-color: #eb1c24;}

.lmcontentsubnav {border-top:1px solid #ccc;}
.lmquicknav {margin-bottom:1em;}
.lmprogress {border-bottom:1px solid #ccc;margin-bottom:1em;}
.lmresults {padding:1em;}

.lmanswer:hover {background-color: #ff8700;}
.lmanswer a:link {color: #000;}
.question {text-align:left;font-size:34px;}
.lmrow .lmcontentsubnav a {font-family: "Archivo Narrow",sans-serif; font-weight: 400; }

/* Small */

@media screen and (max-width:1000px) {
  .lmcircle {width:15%;margin-top:0.5em}
  .lmsmall-1 {width: 100%;}
  
  .lmleft .lmtext, .lmleft2 .lmtext  {
    float:right;
    width: 50%;
    min-width:200px;
    }
  .lmright .lmtext, .lmright2 .lmtext {
    float:right;
    width: 50%;
    min-width:200px;
    }
  
  .lmleft .lmbutton, .lmleft2 .lmbutton  {float:left;width:25%;min-width:75px;}
  .lmright .lmbutton, .lmright2 .lmbutton {float:left;width:25%;min-width:75px;}
  
  .lmlarge-3 {text-align:left;background-color: #e1f5f4;}
  .lmcolumns {float:left;}
  
  .lmimagenavi .lmrow {margin-top:1em;}
  .lmimagenavi .lmtext {float:right;}
  .lmimagenavi .lmbutton {float:left;padding-left:1em;}
  
  .lmtext h3 {margin-top:0}
  .lmbutton img{width:75%;}
  #lmfooter img {display:none;}
   .lmimagemap {display:none;}
   
  #q_1 {width:90%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
  #q_2 {width:90%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
  #q_3 {width:90%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
  #q_4 {width:90%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
}

/* Large */
@media screen and (min-width:1000px) {
	#lmstart {
	background-image:url(/fileadmin/templates_new/extensions/stz_lernmodule/E-Learning-hg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:770px;
	max-width:1140px;
	min-width:1000px;
	margin-left: auto ;
    margin-right: auto ;
	}
  
  .lmleft, .lmleft2 {float:left;height:180px;width:300px;background-color:#ffffff}
  .lmright, .lmright2 {float:right;height:180px;width:300px;background-color:#ffffff}
  
  .lmleft {margin-left:50px;}
  .lmright {margin-right:50px;}
  
  .lmleft .lmtext, .lmleft2 .lmtext  {float:left;width:150px}
  .lmright .lmtext, .lmright2 .lmtext {float:right;width:150px}
  
  .lmleft .lmbutton, .lmleft2 .lmbutton  {float:right;width:115px;margin-left:15px;}
  .lmright .lmbutton, .lmright2 .lmbutton {float:left;width:115px;margin-right:15px;}
  
  .lmsecondrow {margin-top:100px;}
  .lmthirdrow {margin-top:100px;}
  
  .lmlarge-3 {width:33.33333%;text-align:center;}
  .lmlarge-2 {width:50%;text-align:center;}
  .lmlarge-1 {width:100%;text-align:center;}
  .lmcolumns {float:left;}
  
  .lmtext p {font-size:75%;} 
  .lmtext h3 {margin-top:0}
  
   .tooltip {
	  position: absolute;
	  display: none;
	  background-color: #FFFFFF;
	  padding:5px;
	  border:2px #006D69 solid;
	  max-width:350px;
	  left:-1000px;
	  top:-1000px;
	  z-index:5;
	  }
    .lmimagenavi {
    	width:33.33333%;
    }
    .
	.lmimagenavi .lmrow {margin-top:1em;}
  	.lmimagenavi .lmtext {float:left;width:55%}
  	.lmimagenavi .lmbutton {float:right;width:35%;}
  	.lmimagemap {
    	width:66.66666%;
    	overflow:hidden;
    }
  	.lmbutton {float:right;width:115px;margin-left:1rem;margin-right:2rem;}
  	.lmcolumns .lmrow {margin-bottom:15rem;}
  	#q_1 {width:40%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
  	#q_2 {width:40%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
  	#q_3 {width:40%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
  	#q_4 {width:40%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
  	#q_5 {width:40%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
  	#q_6 {width:40%;margin:1em;padding:1em;min-height:10rem;border:1px solid #ff8700;}
}