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

body {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}
  

#uspdiv {
	display:none;
}



#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:#DE7D28;
}


#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:left;
	font-size:13px;
}

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

p.videochapters {
	margin-top:0px;
	padding-top:0px;
	text-align:center;
}

.vidoffsetbutton {
	text-align:center !important;
	font-size:0.9em;
	color:#fff !important;
	padding-left:5px;
	padding-right:5px;
    display:inline-block;
	width:auto;
	height:1.3em;
    line-height:1.3em;
    text-align:center;
    text-decoration:none;
    background-color: #C4660E;
	margin-left:0;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:5px;
	box-shadow: 0px 3px 5px #888
}

.vidoffsetbutton:hover {
    background-color:#DE7D28;
}

.bestellbutton {
	text-align:center !important;
	font-size:1em;
	color:#fff !important;
	padding:0;
	border:0;
    display:block;
	width:300px;
	height:50px;
    line-height:50px;
    text-align:center;
    text-decoration:none;
    background-color: #C4660E;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:15px;
	box-shadow: 0px 5px 10px #888
}


.bestellbutton img {
    width:50px;
	height:auto;
	margin-left:5px;
	padding-right:5px;
	float:left;
	border-right:2px solid #fff;
}


.bestellbutton:hover {
	color:#fff !important;
	background-color: #DE7D28;
}

p.videocontent {
	margin-top:0;
	
	margin-bottom:50px;
}


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

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


#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.9em;
}

.bestellbutton {
	font-size:1em;
	width:350px;
	height:50px;
    line-height:50px;
	margin-top:5px;
	margin-bottom:50px;
}


.bestellbutton img {
    width:50px;
	margin-left:5px;
	padding-right:5px;
}



	
}

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

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


#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.95em;

	height:100px;
}

.vidoffsetbutton {
	font-size:0.9em;	
	padding-left:5px;
	padding-right:5px;  
	height:1.3em;
    line-height:1.3em;     	
	margin-right:8px;	
	margin-bottom:8px;
}

	
}

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





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

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

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


}



/* 4K LAYOUT */

@media only screen and (min-width: 2500px) {
	
#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:1.1em;
}	
	

}


/* TABLET UND HANDY SPECIALS */

@media (pointer: coarse) {
 
 
}

/* DRUCKEN */

@media print {

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

	
}