/*!
 * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

	body {
	overflow-x: hidden;
	font-size: 15px;
	font-family: Arial, sans-serif;
	color: #000;
	line-height: 1.2;
	letter-spacing: 0.01em;
	background-color: #fff;
	}
	
	p {
		font-size: 1.0em;
	}
	
	p.slogan {
	color: #fff;
	font-size: 1.2em;
	text-transform:none;
	letter-spacing:normal;
	}
	
	p.slogan-1 {
	color: #000;
	font-size: 1.2em;
	text-transform:none;
	letter-spacing:normal;
	}
	
	p.preis {
	font-size: 1.2em;
	font-weight:bold;
	color: #3c3c41;
	}
	
	p.preis-big {
	font-size: 3.0em;
	font-weight:bold;
	color: #3c3c41;
	}
	
	p.small {
		font-size: 0.8em;
	}
	
	p.white {
		font-size: 1.1em;
		color: #fff
	}
	
	.small {
		font-size: 0.8em;
	}
	
	a,
	a:hover,
	a:focus,
	a:active,
	a.active {
	outline: 0;
	color: #000;
	line-height: 1.1;
	}
	
	.unterstrichen
	{text-decoration:underline;}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	text-transform: none;
	font-family: Arial,sans-serif;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	h1 {
	  font-size: 2.8em;
	  font-family: Arial, sans-serif;
	  color: #000;
	  text-transform: none;
	  line-height: 1.1;
	  letter-spacing: normal;
	  font-weight: 400;
	}
	h2 {
	font-size: 1.6em;
	font-family: Arial, sans-serif;
	color: #3c3c41;
	line-height: 1.1;
	letter-spacing: normal;
	margin: 0px;
	}
	h3 {
	font-size: 1.2em;
	font-family: Arial, sans-serif;
	color: #000 !important;
	line-height: 1.1;
	letter-spacing: normal;
	margin-bottom: 10px;
	}
	
	h4 {
	font-size: 1.2em;
	font-family: Arial, sans-serif;
	color: #3c3c41 !important;
	font-weight:bold;
	line-height: 1.0;
	letter-spacing: 0.02em;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
	h5 {
	font-size: 10em;
	font-family: Arial, sans-serif;
	color: #fff !important;
	line-height: 1.25;
	letter-spacing: 0.02em;
	margin-bottom: 0px;
	}
	
	h6 {
	font-size: 20px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	color: #3c3c41;
	line-height: 1.25;
	letter-spacing: 0.02em;
	padding-bottom: 0px;
	}
	
	hr{
	margin-top: 0px;
	margin-bottom: 15px;
	border: 0;
	border-top: 1px solid #e8ebed;
}

	hr.weiss{
	margin-top: 0px;
	margin-bottom: 15px;
	border: 0;
	border-top: 1px solid #fff;
}

	
	.img-centered {
		margin: 0 auto;
	}
	
	header {
	text-align: center;
	color: #000;	
	background-color: #e8ebed;
	}
	
	.header-bgrd {
	background-image:url(../img/bgrd-mobile-devices.jpg);
	background-position: center top;
	background-size:cover;
	background-repeat: no-repeat;
	}
	
	header .container {
	padding-top: 220px;
	padding-bottom: 30px;
	}
	
	header img {
		display: block;
		margin: 0 auto 0px;
	}
	
	header .intro-text .name {
	display: block;
	text-transform: none;
	font-family: Arial, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	
	}
	
	header-form {
	text-align: center;
	color: #000;	
	background-color: #e8ebed;
	}
	
	header-form .container {
	padding-top: 234px;
	padding-bottom: 30px;
	}
	
	header-form img {
		display: block;
		margin: 0 auto 0px;
	}
	
	header-form .intro-text .name {
	display: block;
	text-transform: none;
	font-family: Arial, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	
	}

	
	header .intro-text .skills {
		font-size: 15px;
		font-weight: 300;
		
	}
	
	.text-center {
    text-align: center !important;
	}
	
	.text-right {
    text-align: right !important;
	}
	
	.black-top {
	margin-top:0px;
	right: 0;
	left: 0;
    position: fixed;
	height:42px;
	background-color:#000;
	z-index: 1031;
	}
	
	
	.navbar-default .navbar-nav > li > a {
	color: #000;
	transition: all 0.3s ease 0s;
	}
	.navbar-default .navbar-nav > li > a:hover {
	color: #000;
	transition: all 0.3s ease 0s;
	background-color:#e8ebed;
	border-radius:4px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #706f6f;
		background-color:transparent;

	}
	
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #3c3c41;
    color: #ffffff;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: transparent;
    border-radius: 4px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 1.0em;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
	font-size:0.8em;
    font-weight: normal;
    line-height: 1.42857143;
    color: #3c3c41;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #3c3c41;
}

.navbar-right .dropdown-menu {
    left: 0;
    right: 0;
}
	

	.hidden{
		opacity: 0;
		transition: visibility 0s 2s, opacity 2s linear;
	}
	
		.graybox {
	background-color: #e8ebed;
	color: #000;
	border: 1px solid #c6c6c6;
	border-radius: 8px;
	padding: 10px;
	text-align:center;
	font-size: 35px;
	font-weight: bold;
    width: 98%;
}

		.graybox-list {
	background-color: #e8ebed;
	color: #000;
	border: 0px solid #c6c6c6;
	border-radius: 0px;
	padding: 10px;
	text-align:left;
	font-size: 15px;
	font-weight: 400;
    width: 98%;
}

		.graybox-rechner {
	background-color: #e8ebed;
	color: #000;
	border: 1px solid #c6c6c6;
	border-radius: 8px;
	padding: 20px 10px;
	text-align:center;
	font-size: 45px;
	font-weight: bold;
    width: 100%;
}
	
		.form-horizontal .control-label {
    text-align: left;
	}
	
	.form-control, input {
    border-width: 1px;
   box-shadow: none;
}


.form-control {
    display: block;
    width: 100%;
	height:100%;
    padding: 10px 26px;
    font-size: 1.0em;
	font-weight: 400;
    line-height: 1.42857;
    color: #000;
    background-color: #e8ebed;
    background-image: none;
    border: 1px solid #c6c6c6;
    border-radius: 8px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding-left: 10px;
	padding-right: 10px;
}
.form-control:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,100,100,.6);
}


	.form-control-start, input {
    border-width: 1px;
   box-shadow: none;
}
.form-control-start {
    display: block;
    width: 100%;
	height:100%;
    padding: 10px 26px;
    font-size: 20px;
	font-weight: 400;
    line-height: 1.42857;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #3c3c41;
    border-radius: 0px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:15px;
}
.form-control-start:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
}

	.form-control-list, input {
    border-width: 1px;
   box-shadow: none;
}
.form-control-list {
    display: block;
    width: 100%;
	height:100%;
    padding: 2px 6px;
    font-size: 0.8em;
	font-weight: 400;
    line-height: 1.42857;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c6c6c6;
    border-radius: 8px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-list:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
}

.form-group-list {
    margin-bottom: 0px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}

.modal-dialog {
    max-width: 600px;
	}
	
	.modal-header {
	background-color: #3c3c41;
    padding: 20px;
    min-height: 16.42857143px;
	border-bottom: none;
}
	
	.modal-body {
    position: relative;
    padding: 0px 0px 20px 0px;
	background: #fff;
}

.modal-body-tarife {
    position: relative;
    padding: 20px 10px 20px 10px;
	background: radial-gradient(ellipse farthest-corner,#0075bf 15%,#0f3582 100%);
	background: -webkit-radial-gradient(ellipse farthest-corner,#0075bf 15%,#0f3582 100%);
}
	.modal-content{
		color:#000;	
	}
	.modal-content h1, h2, h3, h4{
	color: #000;
	}
	
	.modal-footer {
    padding: 20px;
    text-align: right;
	background-color: #fff;
}


	.runde-ecken{
		border-radius: 8px;	
	}


	.weiss{
		color:#fff !important;	
	}
	
	.grau{
		color:#acb6c0 !important;	
	}
	
	.rot{
		color:#e30613;	
	}
	
	.green{
		color:#3aaa35;	
	}

	.weiss-bgrd{
		background-color:#fff;	
	}
	
	.schwarz-bgrd{
		background-color:#000;	
	}
	
	.grau-bgrd{
		background-color:#e8ebed;	
	}
	
	.dunkelgrau-bgrd{
		background-color:#3c3c3b;	
	}
	
	.rot-bgrd{
		background-color:#e30613;	
	}
	
	.green-bgrd{
		background-color:#3aaa35;	
	}
	.gelb-bgrd{
		background-color:#ffca00;	
	}

	
	.transparenz {
    opacity: 0.87;
}

	.nopadding{
		padding: 0px !important;
	}
	
	.no-leftpadding{
	padding-left: 0px !important;
	}
	
	.no-rightpadding{
	padding-right: 0px !important;
	}
	
	.no-leftpadding-1{
	padding: 0px !important;
	}
	
	.no-rightpadding-1{
	padding: 0px !important;
	}
	
	.leftpadding{
	padding-left: 15px !important;
	}
	
	.bottompadding{
	padding-bottom: 15px !important;
	}
	
	.no-leftmargin{
	margin-left: 0px !important;
	}
	
	.ou-padding{
		padding: 15px 0px 15px 0px !important;
	}
	
	.ou-padding-1{
		padding: 2px 0px 2px 0px !important;
	}
	
	.surround-padding{
		padding: 15px 15px 15px 15px !important;
	}
	
	.surround-padding-1{
		padding: 25px 25px 25px 25px !important;
	}
	
	.surround-padding-2{
		padding: 25px 85px!important;
	}
	
	.surround-padding-3{
		padding: 25px 15px!important;
	}
	
	.surround-padding-4{
		padding: 35px 30px!important;
	}
	.surround-padding-5{
		padding: 8px!important;
	}
	
	.surround-margin{
		margin: 15px 15px 15px 15px !important;
	}
	
	.surround-margin-1{
		margin: 1px 1px 1px 1px !important;
	}
	
	.surround-margin-2{
		margin: 0px !important;
	}
	
	.hoch {
		height: 340px;
	}

	button:disabled {
	  cursor: not-allowed;
	  pointer-events: all !important;
	}
	.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
		cursor: not-allowed;
		pointer-events: none;
		opacity: 0.3;
		box-shadow: none;
	}

	.btn-default{
	color:#fff;
	background-color:#3c3c41;
	border-radius:4px;
	padding: 10px 25px;
	border: none;
}
	
	.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{
		color:#fff;
		background-color:#000;
		border-radius:4px;
		border: none;

		}


.btn-slider {
	color:#ffffff;
    display: inline-block;
    padding: 10px 26px;
    margin-bottom: 0px;
    font-size: 1.0em;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#3c3c41;
	/*background: linear-gradient(0deg, #000 30%, #666 90%);
	background: -webkit-linear-gradient(90deg, #000 30%, #666 90%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);*/
	border-radius: 8px;
	border: 1px solid #3c3c41;
	width:100%;
}


.btn-slider:hover,.btn-slider:focus,.btn-slider:active,btn-slider.active {
	color:#fff;
    display: inline-block;
    padding: 10px 26px;
    margin-bottom: 0px;
    font-size: 1.0em;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#000;
	/*background: linear-gradient(0deg, #000 30%, #888 90%);
	background: -webkit-linear-gradient(90deg, #000 30%, #888 90%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);*/
	border-radius: 8px;
	border: 1px solid #000;
	width:100%;
}

.btn-slider.disabled, .btn-slider[disabled], fieldset[disabled] .btn-slider {
		cursor: not-allowed;
		pointer-events: none;
		opacity: 0.3;
		box-shadow: none;
	}

.btn-slider-1 {
	color:#ffffff;
    display: inline-block;
    padding: 10px 16px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#3c3c41;
	border-radius: 8px;
	border: 1px solid #3c3c41;
	width:50%;
}


.btn-slider-1:hover,.btn-slider-1:focus,.btn-slider-1:active,btn-slider-1.active {
	color:#fff;
    display: inline-block;
    padding: 10px 16px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#000;
	border-radius: 8px;
	border: 1px solid #000;
	width:50%;
}

.btn-list {
	color:#000;
    display: inline-block;
    padding: 2px 6px 2px 6px;
    font-size: 1.0em;
    font-weight: 400;
    text-align: center;   
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#fff;
	border-radius: 6px;
	border: 1px solid #fff;
	width:100%;
}


.btn-list:hover,.btn-list:focus,.btn-list:active,btn-list.active {
	color:#000;
    display: inline-block;
    padding: 2px 6px 2px 6px;
    font-size: 1.0em;
    font-weight: 400;
    text-align: center; 
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#fff;
	border-radius: 6px;
	border: 1px solid #ececed;
	width:100%;
}

a.btn-list.disabled, fieldset[disabled] a.btn-list {
    pointer-events: none;
}

.btn-list.disabled, .btn-list[disabled], fieldset[disabled] .btn-list {
    cursor: not-allowed;
    filter: alpha(opacity=0);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1.0;
	color:#666;
}

.btn-list-1 {
	color:#000;
    display: inline-block;
    padding: 1px 6px 1px 6px;
    font-size: 1.0em;
    font-weight: 400;
    text-align: center;   
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#ececed;
	border-radius: 6px;
	border: 1px solid #ececed;
	width:100%;
}


.btn-list-1:hover,.btn-list-1:focus,.btn-list-1:active,btn-list-1.active {
	color:#000;
    display: inline-block;
    padding: 1px 6px 1px 6px;
    font-size: 1.0em;
    font-weight: 400;
    text-align: center; 
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#fff;
	border-radius: 6px;
	border: 1px solid #ececed;
	width:100%;
}

.modal-header .close {
    margin-top: -2px;
}
button.close {
    padding: 0px;
    cursor: pointer;
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
}
.close {
    color: #fff;
    text-decoration: none;
    opacity: 0.4;
}
.close {
    float: right;
    font-size: 22.5px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 0.6;
}
.close:hover,.close:focus,.close:active,close.active {
	color:#fff;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0px;
}

input[type="checkbox"] {
    margin: 1px 0 0;
}


	/**/.navbar {
	text-transform: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
	min-height: 90px;
	margin-top:42px;
	}
	
	.navbar a:focus {
		outline: 0;
	}
	
	.navbar .navbar-nav {
		letter-spacing: 0;
	}
	.nav > li > a {
	position: relative;
	display: block;
	padding: 0px 15px 10px 15px;
	font-size: 1.05em;
	margin-bottom: 10px;
	border-left: 0px solid #3c3c41;
	}
	.navbar .navbar-nav li a:focus {
		outline: 0;
	}
	.snavbar-default{background-color:#fff;border-color:transparent;}
	.navbar-default .navbar-brand{color:#0076bd}
	.navbar-default,
	.navbar-inverse {
	
	}
	
		    .navbar-fixed-top {
	padding: 0px 0 0px;
	-webkit-transition: padding .3s;
	-moz-transition: padding .3s;
	transition: padding .3s;
    }
	
	.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 35px!important;
    padding: 5px 5px;
    margin-top: 23px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-toggle:focus {
    outline: 0px none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	margin: 0px 0px 0px 15px;
}

.navbar-default .navbar-nav > li > a:focus {
  color: #706f6f;
  background-color: transparent;
}

.panel-body {
    background: #F6F6F6;
    border: 0px solid #ccc;
    padding: 15px 35px;
}

.panel-heading {
    background-color: #e8ebed;
    border-radius: 0;
    border: none;
    color: #000;
    padding: 0;
    transition: background-color 0.3s linear 0.2s;
}


footer {
	color: #000;
}

footer .footer-below {
	padding: 25px 0;
	background-color: #fff;
	color: #000;
}


[role="button"] {
    cursor: pointer;
}

.abstand-unten {
	padding-bottom: 15px;
}

.abstand-unten-1 {
	padding-bottom: 30px;
}

.abstand-unten-2 {
	padding-bottom: 5px;
}

.abstand-oben {
	padding-top: 15px;
}

.abstand-oben-1 {
    padding-top: 42px !important;
}

.abstand-oben-2 {
    padding-top: 60px;
}

.abstand-oben-3 {
    padding-top: 20px;
}

.abstand-rechts {
	padding-right: 15px !important;
}

.abstand-links {
	padding-left: 15px !important;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
    margin-right: auto;
}

.img-responsive-logo{
	display: block;
	max-width: 100%;
	height: auto;
	margin-top: 0px;
}


.row {
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
}

.shadow{
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)
}

@media (min-width: 1200px) {
.container {width:1200px;}

.nav > li > a {
	position: relative;
	display: block;
	padding: 10px;
	font-size: 1.05em;
	margin-top: -14px;
	margin-bottom: 10px;
	}
	
	header {
	min-height:750px !important;
	}
	
	.nomargin {margin-top:0 !important;}
.topmargin {margin-top:15 !important;}

	.no-leftpadding-1{
	padding-right: 10px !important;
	}
	
	.no-rightpadding-1{
	padding-left: 10px !important;
	}

		header .container {
	margin-top: 0px;
	padding-bottom: 30px;
	}

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        spadding: 8px 0 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
	
	.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
    padding-top: 40px;
}
	
	
	.img-padding {padding: 15px 0 20px 15px}
    #portfolio .portfolio-item {
	margin: 0 0 0px;
	background-color: #ffffff;
	height: 82px;
	padding-top: 5px;
	padding-bottom: 5px;
    }
	

}


@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-right{
        margin-right: 0;
        background-color: #fff;
    }

    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 0 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0px;
    }
    .navbar-nav>ul{
        width:100%;

    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .collapse.in{
        display:block !important;
    }
	
		.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 10px 5px 20px;
	font-size: 1.0em;
	margin-bottom: 0px;
	border-left: 0px solid #ececed;
	border-top: 1px solid #ececed;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 992px) and (max-width: 1200px) {
.nomargin {margin-top:0 !important;}
.topmargin {margin-top:15 !important;}
	.no-leftpadding-1{
	padding-right: 10px !important;
	}
	
	.no-rightpadding-1{
	padding-left: 10px !important;
	}

		header .container {
	margin-top: 0px;
	padding-bottom: 30px;
	}

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        spadding: 8px 0 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
	
	.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
    padding-top: 0px;
}
	
	
	.img-padding {padding: 15px 0 20px 15px}
    #portfolio .portfolio-item {
	margin: 0 0 0px;
	background-color: #ffffff;
	height: 82px;
	padding-top: 5px;
	padding-bottom: 5px;
    }
	

    header .intro-text .name {
	font-size: 1.8em;
    }
	
	.subhead {
	display: block;
	text-transform: none;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	margin-top: 3px;	
	}

/*	.btn-slider {
    padding: 12px 44px; 
}

.btn-slider:hover,.btn-slider:focus,.btn-slider:active,btn-slider.active {
padding: 12px 44px; 
}*/

.text-right {
    text-align: left;
}

.nodisplay{
        display: none;
    }


.btn-slider {
	color:#ffffff;
    display: inline-block;
padding: 12px 12px;
    margin-bottom: 0px;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#3c3c41;
	/*background: linear-gradient(0deg, #000 30%, #666 90%);
	background: -webkit-linear-gradient(90deg, #000 30%, #666 90%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);*/
	border-radius: 8px;
	border: 1px solid #3c3c41;
	width:100%;
}


.btn-slider:hover,.btn-slider:focus,.btn-slider:active,btn-slider.active {
	color:#fff;
    display: inline-block;
    padding: 12px 12px;
    margin-bottom: 0px;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
	text-decoration:none;
	background-color:#000;
	/*background: linear-gradient(0deg, #000 30%, #888 90%);
	background: -webkit-linear-gradient(90deg, #000 30%, #888 90%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);*/
	border-radius: 8px;
	border: 1px solid #000;
	width:100%;
}



}
 
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.nomargin {margin-top:0 !important;}
.topmargin {margin-top:15 !important;}

		header .container {
	margin-top: 0px;
	padding-bottom: 30px;
	}

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        spadding: 8px 0 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
	
	.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
    padding-top: 0px;
}

.nodisplay{
        display: none;
    }
	
	
	.img-padding {padding: 15px 0 20px 15px}
    #portfolio .portfolio-item {
	margin: 0 0 0px;
	background-color: #ffffff;
	height: 82px;
	padding-top: 5px;
	padding-bottom: 5px;
    }
	
		.hoch {
		height: inherit;
	}
	


}

/* Portrait phones and smaller */
@media (max-width: 767px) {
	
		.container {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
	width: 100%;
}

    header .intro-text .name {
	font-size: 1.3em;
    }
	

	.img-padding {padding: 20px 35px 15px 35px}
	
 .nodisplay{
        display: none;
    }
	.navbar-header img{
	margin: 0px;
}

	.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 10px 5px 20px;
	font-size: 1.0em;
	margin-bottom: 0px;
	border-left: 0px solid #ececed;
	border-top: 1px solid #ececed;
	}
	
	.slogan {
	padding-top: 0px;
	padding-left: 6px;
	font-size: 0.65em;
	text-align:center;

}

	.slogan-1 {
	padding-top: 0px;
	padding-left: 6px;
	font-size: 0.65em;
	text-align:center;

}


.text-right {
    text-align: left;
}

.form-control-abstand {
margin-top: 10px;
}

	.hoch {
		height: inherit;
	}
	
	.img-responsive-logo{
	display: block;
	max-width: 72%;
	height: auto;
	margin-top: 5px !important;
}

.surround-margin-2{
		margin: 0px 15px !important;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #3c3c41;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #3c3c41;
}


}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	
		body {

	font-size: 1.0em;

	}
	
	.container {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
	width: 100%;
}
	
	.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 20px;
	font-size: 1.0em;
	margin-bottom: 0px;
	border-left: 0px solid #ececed;
	border-top: 1px solid #ececed;
	color:#000;
	}
	
	.text-right {
    text-align: left;
}

.btn-slider {
    padding: 10px 10px;
	font-size: 1.0em; 
}

.btn-slider:hover,.btn-slider:focus,.btn-slider:active,btn-slider.active {
padding: 10px 10px;
font-size: 1.0em;  
}

.btn-slider-1 {
    padding: 10px 10px;
	font-size: 1.0em; 
	width:90%;
}

.btn-slider-1:hover,.btn-slider-1:focus,.btn-slider-1:active,btn-slider-1.active {
padding: 10px 10px;
font-size: 1.0em;
width:90%;  
}


.abstand-oben {
	padding-top: 10px;
}

.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}


h1 {
	font-size: 2.2em;
	line-height: 1.0;

	}

h2 {
	font-size: 17px;
	font-family: Arial, sans-serif;
	line-height: 1.17;
	letter-spacing: normal;
	margin-bottom: 5px;
	}
	
	h3 {
	font-size: 1.2em;
	}

	.abstand-unten {
    padding-bottom: 15px;
}

	.abstand-oben-minus {
    margin-top: -45px;
}


.img-padding {padding: 20px 0px 15px 35px}



.img-responsive-logo{
	display: block;
	max-width: 72%;
	height: auto;
	margin-top: 5px !important;
}

.surround-padding-2{
		padding: 25px 25px!important;
	}
	
.form-control {
    font-size: 1.0em;
}

.form-control-start {
    font-size: 1.0em;
}

.hoch {
		height: inherit;
	}
	
.surround-margin-2{
		margin: 0px 15px !important;
	}
	
			.graybox {
	background-color: #e8ebed;
	color: #000;
	border: 1px solid #c6c6c6;
	border-radius: 8px;
	padding: 10px;
	text-align:center;
	font-size: 25px;
	font-weight: bold;
    width: 98%;
}

		.graybox-list {
	
	color: #000;
	border: 0px solid #c6c6c6;
	border-radius: 0px;
	padding: 10px;
	text-align:left;
	font-size: 9px;
	font-weight: 400;
    width: 98%;
}

.nodisplay{
        display: none;
    }


}

.alert-success {
	background: #7fb45f;
	border: 1px solid #70a352;
}

.alert-success > li {
	list-style: none;
}

#message-block > li
{
	list-style-type: none;
}

.row_grey_color {
	color:#888;
	display: none;
}

#alle_geraete_anzeigen {
	cursor: pointer;
}

.schadenskategorien {
	border:1px solid #cccccc;
	padding-top: 15px;
	padding-bottom:15px;
}

#schaden2, #schaden3, #schaden4, #schaden5 {
	display: none;
	margin-top:15px;
}