/*
		20.02.2016 - Tim - Anpassungen Responsive
		17.03.2017 - David	- Anpassungen Responsive

*/



.anleitung h1 {font-size:16px; text-align:left; color:#444; padding:10px 0 10px 0;}
h2.fenster {font-size:16px;text-align:left; color:#fff; font-weight:lighter; padding:10px; background-color:#357dbc; margin-bottom:20px;}
.anleitung h2 {font-size:16px;text-align:left; color:#444; font-weight:lighter; padding:10px; background-color:#f5f5f5; margin-bottom:20px;}
.anleitung h3 {font-size:15px; color:#357dbc; font-weight:lighter;}
.anleitung h4 {font-size:13px; color:#444; font-weight:lighter;}
.anleitung p {font-size:11px; color:#444;}
.anleitung ul {color:#444; line-height:16px; margin-top:0px; padding-left: 0; margin-left: 4.5em;}
.anleitung li {font-size:11px; list-style-type:disc; margin-top:0px;}
.anleitung a.white {text-decoration:none; color:#fff;} 
.anleitung a.white:hover {color:#fff;}
.anleitung a.black {text-decoration:none; color:#444444;} 
.anleitung a.black:hover {color:#444444; text-decoration:underline;}
.anleitung a.blue {text-decoration:none; color:#357dbc;} 
.anleitung a.blue:hover { text-decoration:underline;}


.anleitung .messbereich{padding:1em; margin: 1em 0 1em 0; background-color:#f5f5f5;}
.anleitung .achtung{padding:5px 20px 8px 20px; background-color:#fdf8f8; margin-left:0px; margin-bottom:10px;}
.anleitung .achtung h3{color:#444;}
.anleitung .hinweis{padding:1em; background-color:#e8fcea; margin: 1em 0 1em 0; display: inline-block; }
.anleitung .hinweis h3{color:#444;}
.anleitung .montage{padding:1em; background-color:#fff; margin: 1em 0 1em 0;}
.anleitung .montage h3{color:#444;}
.anleitung .button {padding:5px; width:auto; border: solid 1px #cecece; background-color:#f5f5f5; display:inline-block; cursor:pointer; width: 17em; }
.anleitung .button:hover {background-color:#ececec; transition: color 0.15s ease 0s, background 0.30s ease 0s, border 0.15s ease 0s;}
.anleitung .button a {text-decoration:none; color:#444444;}
.anleitung .icon {width:auto; padding-right:5px; float:left;}
.anleitung .svg {display: block; width: 300px; max-width: 100%; min-width: 250px;}
.anleitung .svg1 {display: block; margin: 0px auto 20px auto; width: 600px; max-width: 100%; min-width: 250px;}
.anleitung .svg2 {width:800px;}

.anleitung .anleitung {margin-bottom:70px;}
.anleitung .table1 {margin:0 0 0 0px;}
.anleitung .table1 td {padding:0 60px 0 0;}
.anleitung .box_anker {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
}
		.anleitung .box_anker a
				{
						flex: 1 1 300px;
						padding: 10px;
						border: 0;
						display: flex;
						text-decoration: none;
						align-items: center;
						max-width: 300px;
				}
		.anleitung .box_anker a:hover
				{background-color: #f5f5f5;}


				.anleitung .box_anker a div {
						flex: 0 0 104px;
				}
						.anleitung .box_anker a div img {
								padding-left: 10px;
								height: 60px;
						}
				.anleitung .box_anker a h4 {
						flex: 1 1 auto;
						margin: 0;
				}
				
				
.anleitung .bild_hinweis {
	float: left; 
	padding: 2em; 
	width: 25%; 
	min-width:150px;
}

.anleitung .pic_hinweis {
	width:100%;
	max-width:300px;
	min-width:150px;
}

.anleitung .hinweisschild {
	float:left;
}

.anleitung {
	display: inline-block;
	width: 100%;
}

.float_left {	
	float: left;
	padding: 1em;
	max-width: 50%;
}

.pic_trapez_hinweis {
	float: right;
	padding: 10px 40px 0px 0px;
	width: 200px;
}

.anleitung .ausrufezeichen {
	/* Diese Klasse wird verwendet bei den Sensuna-Clips */
	color: #cc0000;
	font-weight: bold;
}
@media (max-width: 768px) {
		.float_left {	
			float: left;
			padding: 1em;
			max-width: 100%;
		}
}

.btnOK {
		margin-top: 1em;
		text-align: right;
}
		.btnOK > * {
				display: inline-block;
				background-color: #357dbc;
				color: #ffffff;
				padding-top: 0.5em;
				padding-bottom: 0.5em;
				padding-left: 2em;
				padding-right: 2em;
				text-decoration: none;
				cursor: pointer;
		}