/* Mobile Layout: 490px and below. */






.faqquestion img {
	border:0;
	width:24px;
	height:auto;
	margin-right:10px;
}

.faqanswer {
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
	max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.faqquestion {
	margin-top:5px;
	margin-bottom:5px;
}


.expandsektionanim {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.hidepfeilanim {
    transform: rotate(0deg);
    transition: transform 0.5s ease-out;
}


#tutorialboxes {
	display:block;
	background-color:#E4E9EF;
	width:100%;
	clear: both;
	overflow:visible;
	text-align:center;
	padding-bottom: 40px;
	padding-top:1em;
}


#tutorialboxes a {
	display:inline-block;
	background-color:#E4E9EF;
	width:100%;
	max-width:320px;
	min-width:150px;
	text-align:center;
	vertical-align:top;
	margin:5px;
}

#tutorialboxes a:hover .tuttitle {
	color:#C4660E;
}


#tutorialboxes .tuttitle {
	display:block;
	color: rgb(31,78,128);
	font-weight:normal;
	font-size:16px;	
	margin:0;
	padding-top:0em;
	padding-bottom:0em;
	background-color:#E4E9EF;
	text-align:center;
}


#tutorialboxes .tutcontent {
	color:#000;
	display:block;
	margin: 0px 0;
	paddihg:0px;
	height:75px;
	text-align:justify;
	font-size:13px;
}

#tutorialboxes a.notutorial {
	 pointer-events: none;
  cursor: default;
  opacity:0.5;
}



/* Tablet Layout: 481px to 800px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 560px) {
	
.faqanswer {
	margin-left:10px;
}	


#tutorialboxes a {
	width:100%;
	max-width:400px;
	min-width:240px;
	margin:10px 10px;
	
}

#tutorialboxes .tuttitle {
    font-size: 1.2em;
	letter-spacing:0.008em;
}


#tutorialboxes .tutcontent {
	height:90px;
	font-size:0.85em;
}


	
	
}

/* Desktop and Tablet Landscape Layout: 801px. Inherits styles from: Mobile Layout and Tablet Layout. */


@media only screen and (min-width: 801px) {
	
.faqquestion img {
	width:34px;
}

.faqanswer {
	margin-left:50px;
}

#tutorialboxes a {
	width:45%;
	max-width:450px;
	min-width:230px;
	margin:10px 10px;
	
}

#tutorialboxes .tuttitle {
	font-weight:normal;
	font-size:1.2em;
	letter-spacing:0.01em;
}

#tutorialboxes .tutcontent {
	font-size:0.9em;

	height:100px;
}
	
	
}


@media only screen and (min-width: 1024px) {
	
	
	
}



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

#tutorialboxes a {
	width:31%;
	max-width:550px;
	min-width:230px;
	margin:20px 0px;
	
	
}

#tutorialboxes .tuttitle {
	font-weight:normal;
	font-size:1.2em;
	letter-spacing:0.01em;
}

#tutorialboxes .tutcontent {
	padding: 0 10px;
	height:100px;
	font-size:0.9em;
}


}

/* 4K LAYOUT */

@media only screen and (min-width: 2500px) {
	
.faqquestion img {
	width:44px;
}
		

#tutorialboxes a {
	width:31%;
	max-width:550px;
	min-width:230px;
	margin:10px 10px;
	
}

#tutorialboxes .tuttitle {
	font-weight:normal;
	font-size:1.4em;
	letter-spacing:0.01em;
}

#tutorialboxes .tutcontent {
	height:100px;
	font-size:1em;
}	
	


}


/* TABLET UND HANDY SPECIALS */

@media (pointer: coarse) {
 
 
}

/* DRUCKEN */

@media print {

#tutorialboxes div {
	width:30%;
	max-width:200px;
}

	
}