@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic);
body{
	position: relative;
	font-family: ubuntu;
	font-size: 0.8vw;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 400;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 15px;
    margin-top: 20px;
}
a{
	color: #5a5a5a;
}
.teaser-bottom a{
	color: #fff;
}
.small_lineheight{
	line-height: 1.1vw;
	font-style: italic;
}
.margin-top-1em{
	margin-top:1em !important;
}
span.tab-padding{
	display:inline-block;
	padding-left:1.5em;
}
a:hover{
	color: #ff7e25;
}
video {
    bottom: 0;
    position: absolute;
    width: 100%;
    background: #e3e7e8 !important;
}

.modal-close-row{
	margin-top:-15px;
	background-color:#ff7e25;
}

.modal-header-cs{
	background-color:#ff7e25;
	padding:30px;
	   min-height: 8vw;
}

.form-control-like {
	font-size: 14px !important;
	line-height: 1.42857;
}

.iframe-height{
	height:450px;
}

.modal-header-logo{
	position:relative;
	background-image:url('../images/page/logo-weiss.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 2vw;
    min-height: 2.4em;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
	content:" ";
}
.modal-header-logo img{
    float: right;
    font-size: 5vw;
    max-height: 1.1em;
    position: relative;
    margin-bottom: -15px;
    margin-top: -20px;
}

.home_line {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAACCAYAAAAdK5NMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAACNJREFUeNpi/FCv/J9hFIyCUYAVMI0GwSgYBbgBAAAA//8DABzFApVEEP2+AAAAAElFTkSuQmCC");
    background-position: center 87%;
    background-repeat: repeat-x;
    box-sizing: border-box;
    margin-left: 5%;
    width: 90%;
}
.home1 h3 {
    font-weight: bolder;
    margin-top: 0;
    padding-bottom: 1vw;
    padding-top: 0 !important;
}
.home1 .color_orange{
	font-style: italic;
}
.teaser-bottom {
    background: rgba(255, 126, 37, 1) none repeat scroll 0 0;
    color: #fff;
    float: right;
    padding-bottom: 0.5vw;
    padding-left: 1.5vw;
    padding-top: 0.6vw;
}
.font-weight500{
	font-weight: 500;
}
#leistungskatalogModel .modal-body{
	padding-bottom: 0px;
}
.leistungskatalog_wrapper h3{
	margin-top: -0.2vw;
	margin-bottom: 1.7vw;
}
#leistungskatalogModel .nav-tabs{
	border-bottom: 0px !important;
}
.leistung-text-nav-under-1 {
    margin-left: -1.1vw !important;
    margin-top: 10px;
    width: 12vw;
}
.leistung-text-nav-under-2 {
    margin-left: 0.1vw !important;
    margin-top: 10px;
    width: 11vw;
}
.leistung-text-nav-under-3 {
    margin-left: -1.3vw !important;
    margin-top: 10px;
    width: 12vw;
}

.leistung-text-nav-under-4 {
    margin-left: -1.3vw !important;
    margin-top: 10px;
    width: 12vw;
}

.leistung-text-nav-under-5 {
    margin-left: -1.3vw !important;
    margin-top: 10px;
    width: 12vw;
}

#leistungskatalogModel .nav-tabs > li.active > a, #leistungskatalogModel .nav-tabs > li.active > a:hover, #leistungskatalogModel .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: transparent;
    border-image: none;
    border-radius: 100%;
    border-style: solid;
    border-width: 0 !important;
    color: #ff7e25;
    cursor: default;
    padding: 1px !important;
    margin: 0 !important;
}
.leistungskatalog_wrapper > li.active{
	background: transparent !important;
}

.leistungskatalog_wrapper .active .button_navi_leistung::before{
	background-color: #fff !important;
}
.leistungskatalog_wrapper .font10{
	font-size: 0.7vw;
}

.leistungskatalog_wrapper .font20{
	font-size: 1vw;
}
.leistungskatalog_wrapper .font45{
	font-size: 1.5vw;
}
.leistungskatalog_wrapper .nav > li:hover{
	background-color: transparent !important;
}
.leistungskatalog_wrapper .nav > li > a:hover, .leistungskatalog_wrapper .nav > li > a:focus{
	-moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    background-color: transparent;
	    border-color: transparent;
	    border-image: none;
	    border-radius: 100%;
	    border-style: solid;
	    border-width: 0 !important;
	    color: #ff7e25;
	    cursor: pointer;
	    padding: 1px !important;
	    margin: 0 !important;
	}
}
.leistungskatalog_wrapper .button_navi_leistung:hover::before{
	background-color: #fff !important;
	color: #ff7e25 !important;
	text-decoration: none;
	transition: all 0.5s;
}
.leistungskatalog_wrapper .button_navi_leistung:hover .nav-left-text{
	color: #ff7e25 !important;
	transition: all 0.5s;
}
.leistungskatalog_wrapper > li > a.button_navi_leistung:active::before , .leistungskatalog_wrapper > li > a.button_navi_leistung:focus::before{
	background-color: #ff7e25 !important;
	color: #fff !important;
	text-decoration: none;
	transition: all 0s;
}
.leistungskatalog_wrapper .button_navi_leistung::before {
    background-color: #f1f3f4;
    border-radius: 100%;
    display: table-cell;
    transition: all 0.5s;
    cursor: pointer;
}
.leistungskatalog_wrapper .button_navi_leistung {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: #5a5a5a;
    display: table;
    font-size: 4vw;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
    width: auto;
    
}

.leistungskatalog_wrapper .nav-left-text {
    display: table-cell;
    float: left;
    font-family: ubuntu;
    font-size: 0.8vw;
    height: 0vw;

    transition: all 1s ease 0s;
}
.leistungskatalog_wrapper #tabs {
    left: 8vw;
    position: absolute;
    text-align: center;
    top: -5vw;
    width: auto;
	z-index:2;
}
.header_leistung_logo {
    height: 6vw;
    padding-right: 3vw;
    position: absolute;
    right: 0;
    top: 1vw;
} 

.header_leistung_stand {
    bottom: 0;
    color: #fff;
    font-size: 0.7vw;
    height: 2vw;
    padding-right: 17px;
    position: absolute;
    right: 0;
}

.header_leistung_logo img{
	height: 100%;
}
.header_leistungskatalog{
	width: 100%;
	height: 8vw;
	float: left;
	margin-bottom: 3vw;
	margin-top: -15px;
	position: relative;
	background: rgba(255,126,37,1);
	/*background: -moz-linear-gradient(left, rgba(255,126,37,1) 0%, rgba(250,195,158,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,126,37,1)), color-stop(100%, rgba(250,195,158,1)));
	background: -webkit-linear-gradient(left, rgba(255,126,37,1) 0%, rgba(250,195,158,1) 100%);
	background: -o-linear-gradient(left, rgba(255,126,37,1) 0%, rgba(250,195,158,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,126,37,1) 0%, rgba(250,195,158,1) 100%);
	background: linear-gradient(to right, rgba(255,126,37,1) 0%, rgba(250,195,158,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7e25', endColorstr='#fac39e', GradientType=1 );*/
}
.header_leistungskatalog h2 {
   font-size: 2vw;
	line-height: 0;
}
.header_leistungskatalog h3 {
  line-height: 1;
    color: #fff;
   font-size: 1.3vw;

}
.top-h2{
	margin-top: 0px;
}
.top-h3{
	margin-top: 0px;
}
.cursor_text{
	cursor: text !important;
}
.ul_products li::before{
	content: "• ";
	color: #ff7e25; /* or whatever color you prefer */
}
.ul_products li{
	list-style: none;
}
.orginal-float-right{
	float: right;
}
.tablet-display{
	display: none;
}
.animation_holder{
	width: 100%;
	height: 100%;
	background: url('../video/rostock-selektiv.gif');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.teaser_small_text{
	font-size: 0.6vw;
	
}
.teaser-bottom-icon a{
	color: #fff;
}

.custom-selecet-cs{
	width:100%;
	height: calc(1.42857em + 20px);
}
.custom-select-hold{
	background-color:rgba(255, 126, 37, 1);
	width:calc(100% - (1.42857em + 20px));
	height: 100%;
	display:inline-block;
	float:left;
}

.custom-selecet-cs.unvalid > .custom-select-hold{
	background-color:#F3D4D4;
}

.custom-select-group{
	position:relative;
	color:white;
}

.custom-selecet-cs{
}

.custom-select-cs-target{
	display:none;
}
#select_what:focus + .custom-selecet-cs .expand-area{
		overflow:visible;
}
.custom-selecet-cs > .custom-select-toggle{
	border-left:1px solid white;
	background-color:rgba(255, 126, 37, 1);
	z-index:1;
	width:calc(1.42857em + 20px);
	box-sizing:border-box;
	display:inline-block;
	height: calc(1.42857em + 20px);
	right:0px;
	top:0px;
	content:content:"\e91e";
	font-family:"CS-Icons" !important;
	float:right;
	color:white;
	cursor:pointer;
}
.custom-select-toggle:before{
	font-size:calc(1.42857em + 20px);
}
.custom-select-hold{
	color:white;
	position:relative;
}
.custom-select-hold >.expand-area{
	height:100%;
	background-color:inherit;
	width:100%;
	overflow-x:hidden;
	overflow-y:hidden;
	font-size:inherit;
	color:inherit;
}
.custom-select-hold >.expand-area.has-focus{
	z-index:10;
	position:relative;
    height: auto;
    max-height: 200px;
    overflow: auto;
    position: relative;
    z-index: 10;
}


.custom-select-hold >.expand-area.has-focus{
	z-index:10;
	position:relative;
    height: auto;
    max-height: 200px;
    overflow: auto;
    position: relative;
    z-index: 10;
}

.custom-select-hold >.expand-area.has-focus.top{
	position:absolute;
	bottom:0px;
}

.custom-select-hold >.expand-area > .custom-select-option{
	height: 100%;
	vertical-align:middle;
	padding:10px 15px;
	background:inherit;
	color:inherit;
	z-index:11;
	cursor:pointer;
	display:none;
}


.custom-select-hold >.expand-area > .custom-select-option.default{
	display:block;
}

.custom-select-hold >.expand-area.has-focus > .custom-select-option{
	display:block;
}


.custom-select-hold >.expand-area.has-focus > .custom-select-option.default{
	display:none;
}

.custom-select-hold >.expand-area > .custom-select-header{
	position:relative;
}
.custom-select-hold >.expand-area > .custom-select-header:before{
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.2);
	cursor:not-allowed;
	content:" ";
	position:absolute;
	top:0px;
	left:0px;
}




.custom-select-toggle-button{
	background-color:rgba(255, 126, 37, 1);
}

.custom-select-toggle-button.up{
	content:"";
}
.custom-select-toggle-button.down{
	
}

.teaser_small_text {
    color: #fff;
    float: left;
    font-size: 0.8vw;
    line-height: 2.2;
}
.teaser-bottom-text{
	font-size: 1vw;
}
.teaser-bottom-icon {
    float: right;
    font-size: 1.8vw;
    margin-top: -0.4vw;
    text-align: right;
}
.chevron {
    color: #ff7e25;
    float: left;
    font-size: 4vw;
    right: 1.5vw;
}
.nav-left-text-small {
    display: none;
    float: left;
    font-family: ubuntu;
    font-size: 15px;
    height: 3vw;
    margin-left: -165px;
    margin-top: 5px;
    transition: all 1s ease 0s;
    width: 145px;
}
.menu-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    opacity: 0;
    transition: all 0.7s;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, 1%, 0);
    transform: translate3d(0, 1%, 0);
}
.modal.fade:not(.in).left .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}
.opacity{
	opacity: 0.5;
	cursor: text !important;
}
.modal-dialog{
	width: auto;
}
.close_navi_modal {
    left:calc((100% - 3.9vw) / 2);
    margin-top: -1.25vw;
    position: absolute;
    z-index: 9;
}
.small_header {
    height: 50px;
    position: fixed;
    z-index: 99;
    top: 0;
}
.small_header .logo {
    float: left;
    margin-top: -6px;
    position: relative;
    width: 150px;
    margin-left: -6px;
}
.small_header .logo img{
	width: 100%;
}
a.small_nav_a{
	color: #5a5a5a !important;
}
.nav {
    float: left;
    margin: 0 0 0 -15px;
    padding: 0;
    width: 100%;
}
.navbar-collapse{
	padding-right: 0;
	width: auto;
	margin-right: -15px;
}
.text-we-are-img {
    display: inline;
    float: left;
    height: 100%;
    margin-top: -5%;
    width: 100%;
}
.float-left{
	float: left !important;
}
/*.sponsor_img_hansa {
    background-image: url("../images/page/Hansa_Rostock.png");
    background-position: center center;
    background-size: cover;
    height: 13vw;
    margin-left: 5vw;
    margin-top: 5vh;
    width: 13vw;
}*/
.sponsor_img img{
   width: 100%;
}
/*.sponsor_img_vialis {
    background-image: url("../images/page/vitalis.png");
    background-position: center center;
    background-size: cover;
    height: 6vw;
    margin-top: 12vh;
    width: 20vw;
}*/

.text-we-are-img img{
	width: 100%;
	height: auto;
}
.fett:first-letter{
	color: #ff7e25;
}
.v_vorder_S {
    display: inline;
    float: left;
    height: 100%;
    margin-top: -5%;
    width: 100%;
    cursor: pointer;
}

.v_vorder_S img{
	width: 100%;
	height: auto;
}
.logo-we-are {
    position: absolute;
}

.text-we-are p{
	font-size: 1.3vw !important;	
}
.text-we-are {
    left: 5%;
    position: absolute;
    top: 2vw;
    width: 60%;
    line-height: 2.5vw;
}
.container_visitenkarte{
	width: 35vw;
	margin: auto;
	margin-top: 10vh;
	transition: all 1s;
	background: #fff;
	background-position: center;
	background-size: cover;
	border-radius: 20px;
	overflow: hidden;
}
.container_visitenkarte .modal-content{
	background: transparent;
	border: none;
}
.container_we_are{
	width: 35vw;
	margin: auto;
	margin-top: 10vh;
	transition: all 1s;
	background: #fff;
	background-position: center;
	background-size: cover;
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
}


.container_we_are_preiskalkulator{
	width: 35vw;
	margin: auto;
	margin-top: 10vh;
	transition: all 1s;
	background: #fff;
	background-position: center;
	background-size: cover;
	border-radius: 20px;
	overflow: hidden;
}


.container_we_are .modal-content{
	background: transparent;
	border: none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color: #fff;
	color: #ff7e25;
}
.dropdown-menu{
	border-radius: 0px;
}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.active:hover, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled.active:hover{
	background: #ff7e25;
	border-radius: 0px;
}

[class^="datetimepicker-"]{
	background: #ff7e25;
	border-radius: 0px;
	padding:15px;
	color:white;
}

[class^="datetimepicker-"] span:hover{
	color:#ff7e25;
	transition:all 0.5s;
}
[class^="datetimepicker-"] .day.old , [class^="datetimepicker-"] .day.new{
	color:rgba(255,255,255,0.4);
}


[class^="datetimepicker-"] > table > tbody > tr > td.day:hover, [class^="datetimepicker-"] > table > tbody > tr > td.day.active{
	background-color:#F1F3F4;
	color:#ff7e25;
	background-image:none;
	border-radius:4px;
}

.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.active:hover, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled.active:hover {
	background-color:#F1F3F4;
	color:#ff7e25;
	background-image:none;
}
.fa.fa-calendar.icon-2-dropdown, .fa.fa-clock-o.icon-2-dropdown{
	position:relative;
}
.fa.fa-calendar.icon-2-dropdown:before, .fa.fa-clock-o.icon-2-dropdown:before{
    font-size: calc(1.42857em + 20px);
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}
input.cs-style-input{
	background-color:#ff7e25;
	color:white;
}

input.cs-style-input + .input-group-addon{
	padding:0px;
	border:0px transparent;
	border-left:1px solid white;
	background:transparent;
	box-sizing:border-box;
	border-top:1px solid transparent;
	font-size:0.8vw;
}

input.cs-style-input + .input-group-addon > span{
	width:calc(1.42857em + 20px) !important;
	height:calc(1.42857em + 20px) !important;
	background:#ff7e25;
}

input.cs-style-input::-moz-placeholder {
  color: white;
  opacity: 1;
}
input.cs-style-input:-ms-input-placeholder {
   color: white;
}
input.cs-style-input::-webkit-input-placeholder {
   color: white;
}

.modal-content{
	box-shadow: 0px 0px 0px #444;
	border-radius: 0px;
}
.small-float-right{
	float: right;
}
/*.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(center top , #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}*/
.teaser_box_out {
    height: 22vh;
    margin-top: 12vh !important;
}
.logo_impressum{
	width: 80%;
	margin-bottom: 15%;
}
.logo_impressum img{
	width: 100%;
}
.teaser_box{
	padding: 3vw;
	height: 9vw;
	overflow: hidden;
}
.teaser_box p {
    font-size: 0.7vw;
    padding-top: 0.5vw;
}
.teaser_box p strong{
	font-size: 0.9vw;
}
.teaser_box h4{
	font-size: 0.75vw;
}
.timg1 img{
	width: 73% !important;
}
.timg2 img{
	width: 69% !important;
}

#under_header{
	z-index: 2;
}
#people_holder {
    float: left;
    min-height: 12vh;
    position: relative;
    width: 100%;
}
.person_text {
    bottom: 0;
    float: left;
    position: absolute;
    width: 25vw;
}
.person_text p {
    bottom: 0;
    position: absolute;
    right: 0;
   font-size: 0.8vw;
}
.person_img {
    float: right;
    height: 15vh;
    margin-right: 2vw;
    width: 13vh;
}
#contactModel .modal-body{
	padding: 15px 15px 0;
}

.modal-body{
	font-size: 0.8vw;
}
.modal-body p{
	font-size: 0.7vw;
}
.modal-body a{
	font-size: 0.7vw;
}
.modal-body .button_nav_voll_line {
    border-radius: 100%;
    color: #ff7e25;
    display: table;
    font-size: 5vw;
    text-align: center;
    top: 0;
}
#form_holder textarea, #form_holder select, #form_holder input, #form_holder button{
	font-size: 0.8vw;
}
.input-group-addon {
    background-color: #ff7e25;
    border: 1px solid #f1f3f4;
    border-radius: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;

}
.full_hd{
	margin: auto;
	position: relative;
	height: 40vh;
	width:100%;
}

.hamburg_holder{
	margin-left: -4%;
	margin-right: 4%;
}
.dropdown-menu{
	background-color: transparent;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	border: 0px solid #222629;
}
.vh10{
	height: 10vh;
}
.vh20{
	height: 20vh;
}
.vh25 {
    height: 25vh;
    margin-bottom: 10vh;
}
.vh30{
	height: 30vh;
}
.change_content{
	transition: all 1s;	
}
.content_complet {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 1s;
    width: 80%;
}
.content_complet h3{
	font-size: 1.3vw;
}
.content_complet p {
    font-size: 0.8vw;
    line-height: 1.3vw;
}
#wrapper{
	float: left;
	width: 100%;
	font-family: ubuntu;
	padding-top: 50px;
	margin-bottom: 15vh;
}
.pointer{
	cursor: pointer;
}
.border_radius_0{
	border-radius: 0px;
	border: none;
}
.section_headline{
	position: absolute;
	z-index: 3;
	margin-bottom: -1.8vw;
	padding-bottom: 0.2vw;
	margin-top: -1.8vw;
}
.margin--15 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-bottom: 5%;
}
.margin--9 {
    margin-left: -9%;
    margin-right: -9%;
    margin-top: -9.1%;
    margin-bottom: 9%;
}
.background-violett{
	background: rgb(160, 50, 205);
	height: 5vh;
	width: 100%;
	float: left;
	color: rgb(160, 50, 205);
}
.background-violett-h3{
	color: rgb(160, 50, 205);
	margin-top: 5vh;
}
.background-green{
	background: rgb(92, 185, 164);
	height: 5vh;
	width: 100%;
	float: left;
	color: rgb(92, 185, 164);
}
.background-green-h3{
	color: rgb(92, 185, 164);
	margin-top: 5vh;
}
.background-personal-grey{
	background: rgb(90, 90, 90);
	height: 5vh;
	width: 100%;
	float: left;
}
.background-personal-grey-h3{
	color: rgb(90, 90, 90);
	margin-top: 5vh;
}
.background-light-light-light-grey{
	background: #F1F3F4;
}
.background-light-light-grey{
	background: #E3E7E8;
}
.background-light-grey{
	background: #B8C2C8;
}
.background-grey{
	background: #8899A2;
}
.background-dark-grey{
	background-color: #66737A;
}
.background-dark-dark-grey{
	background-color: #444D51;
}
.background-dark-dark-dark-grey{
	background-color: #222629;
}
.background-black{
	background-color: #000;
}
.background_white{
	background-color: white;
}

.background_orange{
	background-color: #FF7E25;
	
}
.form-control::-moz-placeholder {
  color: #FF7E25;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #FF7E25;
}
.form-control::-webkit-input-placeholder {
  color: #FF7E25;
}
.contact_input{
	color: #FF7E25;
	border-radius: 0px;
	border: 1px solid #f1f3f4;
	padding-bottom: 10px;
	padding-top: 10px;
}
.contact_textarea{
	/*height: 150px !important;*/
	height: calc((0.8vw + 40px) * 3) !important
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: transparent;
	color: white;
	font-size: 16px;
}
.active_haupt{
	background-color: #FF7E25 !important;
}
.under_nav_ul{
	width: 500px;
}
.under_nav_ul > li{
	width: 33.3%;
}
.nav_haupt{
	height: 60px;
}


.bottom_0 {
    bottom: 0;
    position: absolute;
}
.left_0{
	left: 0;
}
.position_relative{
	position: relative;	
}
.position_absolute{
	position: absolute;	
	z-index: 11;
}
.height_inherit{
	height: inherit;
}
.height_full{
	height: 100%;
}
.active_under{
	background-color: #444D51 !important;
}
#navi-left{
	left: 0;
	width: 2vw;
	height: 100%;
	position: absolute;
	padding-left: 0.5%;
	opacity: 1;
	z-index: 999;
	transition: width 0.7s ease 0s, padding-left 0.7s ease 0s;
}
.navi-left-main {
    position: absolute;
    top: 9vw;
    width: 15vw;
}

.navi-left-bottom {
    position: absolute;
    width: 15vw;
    bottom: 11vw;
}
.nav-left-text {
    float: left;
    font-family: ubuntu;
    font-size: 0.8vw;
    margin-left: 8px;
    font-weight: 400px;
    display: table;
    height: 3vw;
    transition: all 1s; 
}
.nav-left-text-home {
    float: left;
    font-family: ubuntu;
    font-size: 0.8vw;
    margin-left: 8px;
    font-weight: 400px;
    display: table;
    height: 3vw;
    color: #ff7e25;
}
.active-under{
	color: #ff7e25;
}
.nav-left-text-bottom {
    float: left;
    font-family: ubuntu;
    font-size: 0.8vw;
    margin-left: 5px;
    font-weight: 400px;
    display: table;
    height: 2.2vw;
}

.active  .nav-left-text{
	color:#FF7E25;
}

.nav-left-text-text {
    display: table-cell;
    vertical-align: middle;
}
.button_nav_line:hover::before{
	background-color: #fff !important;
	color: #222629 !important;
	text-decoration: none;
	transition: all 1s;
}
.button_nav_line:active::before{
	background-color: #ff7e25 !important;
	color: white !important;
	text-decoration: none;
	transition: all 0s;
}
.button_nav_line::before {
    background-color: #f1f3f4;
    border-radius: 100%;
    display: table-cell;
    padding: 0vw;
    
}
.button_nav_line {
    border-radius: 100%;
    color: #ff7e25;
    display: table;
    
    text-align: center;
    top: 1vw;
    font-size: 5vw;
}
.button-open .button_navi:hover::before{
	background-color: #fff !important;
	color: #ff7e25 !important;
	text-decoration: none;
	transition: all 0.5s;
}
.button-open .button_navi:hover .nav-left-text{
	color: #ff7e25 !important;
	transition: all 0.5s;
}
.button-open .button_navi:active::before{
	background-color: #ff7e25 !important;
	color: white !important;
	text-decoration: none;
	transition: all 0s;
}
.button-open .button_navi::before {
    background-color: #f1f3f4;
    border-radius: 100%;
    display: table-cell;
    padding: 0.6vw 0.7vw;
    transition: all 0.5s ease 0s;
}
.button-open .button_navi {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: #5a5a5a;
    display: table;
    font-size: 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
    width: auto;
    
}

.opacity.button_navi:hover::before{
	background-color: #f1f3f4 !important;
	color: #5a5a5a !important;
	text-decoration: none;
	transition: all 0s;
}
.opacity.button_navi:hover .nav-left-text{
	color: #5a5a5a !important;
	transition: all 0.5s;
}
.button_navi:hover::before{
	background-color: #fff !important;
	color: #ff7e25 !important;
	text-decoration: none;
	transition: all 0.5s;
}
.button_navi:hover .nav-left-text{
	color: #ff7e25 !important;
	transition: all 0.5s;
}
.button_navi:active::before{
	background-color: #ff7e25 !important;
	color: white !important;
	text-decoration: none;
	transition: all 0s;
}
.button_navi::before {
    background-color: #f1f3f4;
    border-radius: 100%;
    display: table-cell;
    transition: all 0.5s;
    
}
.button_navi {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: #5a5a5a;
    display: table;
    font-size: 3vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
    width: auto;
    
}

.linkedin:hover::before{
	background-color: #fff !important;
	color: #006699 !important;
	text-decoration: none;
}
.xing:hover::before{
	background-color: #fff !important;
	color: #005a5f !important;
	text-decoration: none;
}
.twitter:hover::before{
	background-color: #fff !important;
	color: #3B5998 !important;
	text-decoration: none;
}
.button_navi_bottom:active::before{
	background-color: #BD641D !important;
	color: white !important;
	text-decoration: none;
}
.button_navi_bottom::before {
    background-color: #f1f3f4;
    border-radius: 100%;
    display: table-cell;
}
.button_navi_bottom {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: #5a5a5a;
    display: table;
    font-size: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
}
.button_navi_holder {
    float: left;
    height: auto;
    position: relative;
    transition: all 0.8s ease 0s;
    width: 100%;
    z-index: 1001;
}
.button_navi_holder_bottom {
    float: left;
    height: auto;
	margin-left: 0.5vw;
    position: relative;
    transition: all 0.8s ease 0s;
    width: auto;
    z-index: 1001;
}
.button_navi_holder_bottom .fa {
    background: #f1f3f4 none repeat scroll 0 0;
    border-radius: 100%;
    font-size: 1.3vw;
    margin-bottom: 0.5vw;
    padding: 0.4vw 0.7vw;
}
.button_navi_holder_kontakt {
    height: 3vw;
    margin-left: 0.5vw;
    position: fixed;
    right: 0;
    top: 40vh;
    transition: all 0.8s ease 0s;
    width: 2vw;
    z-index: 9;
	background: #f1f3f4;
}

.button_navi_kontakt:hover::before{
	background-color: #fff !important;
	color: #ff7e25 !important;
	text-decoration: none;
	transition: all 1s;
}
.button_navi_kontakt:active::before{
	background-color: #ff7e25 !important;
	color: white !important;
	text-decoration: none;
	transition: all 0s;
}
.button_navi_kontakt::before {
    background-color: #ff7e25;
    border-radius: 100%;
    color: #fff;
    display: table-cell;
    transition: all 1s ease 0s;
}
.button_navi_kontakt {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: #5a5a5a;
    display: table;
    font-size: 3vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-top: 0;
    right: 1.5vw;
    text-align: center;
}
.button-open{
	margin-top: 6vh !important;
}
.navbar{
	margin-bottom: 0px;
}
.navi_section{
	position: relative;
	z-index: 1;
}
.navigation-headline {
    margin-left: 3vw;
    margin-top: 2vw;
}
#menuModel .modal-body {
    padding: 0px;
    position: relative;
}
#menuModel p {
    font-size: 0.7vw;
    line-height: 1.5em;
}
#menuModel .padding_all_12 {
    padding: 3% 9%;
}
#menuModel h2 {
    font-size: 1vw;
}
#menuModel .font-weight400 {
    font-weight: 400;
}
#menuModel .font25 {
    font-size: 1vw;
}
#menuModel .container , #leistungskatalogModel .container{
	margin: auto;
	width: 80vw;
}

#menuModel .second_section{
	width: 100%;
	
}
#contactModel .container{
	margin: auto;
	width: 80vw;
}
#charityModel .container {
    margin: auto;
    width: 80vw;
}
.charity-icon-box{
	text-align:left;
}
.charity-icon-holder{
	padding-top:2vw;
	padding-bottom:2vw;
}
.charity-icon-holder:nth-child(even){
	background:#f1f3f4;
}
.charity-icon-holder:nth-child(odd){
	background:white;
}

.charity-icon{
	font-size:calc(100vw / 24);
}

.charity-wrapper{
	width:100%;
	position:relative;
	float:left;
}


ul.tab-bar{
	margin:auto;
	width:auto;
	float:none;
	border:0px;
}


.sponsor_img{
	position:relative;
}
.charity-bewerben-dummy-text {
    position: absolute;
    text-align: center;
    top: 33%;
	font-size:0.8vw;
}

/**/
.tabi-laine{
	height:calc(2vw + 10px);
	background-color:#FF7E25;
	position: relative;
    top:calc(-2vw - 10px);
}

#my-tab-content-contact{
	margin-bottom:-15px;
}
#kontakt-tabs{
	height:40px;
	color:#5a5a5a;
}
#kontakt-tabs > li {
	background:transparent;
	position:relative;
}
#kontakt-tabs  .nav-left-text-text{
	text-align:center;
	padding:10px 15px;
}
#kontakt-tabs  .nav-left-text{
	text-align:center;
	width:100%;
	margin-left:0px;
}

#kontakt-tabs > li:hover{
	background-color:transparent !important;
}
#kontakt-tabs > li > a:hover , #kontakt-tabs > li.active > a{
	transition:0.5s all;
	color:#FF7E25;
}
#kontakt-tabs > li > a{
		transition:0.5s all;
	font-size:4vw;
	text-align:center;
	background:transparent;
	border:0px;
}
#kontakt-tabs > li > a:before{
	border-radius:100%;
	background:#f1f3f4;
	cursor:pointer;
}

#kontakt-tabs > li.active > a:before{
	border-radius:100%;
	background:white;
	cursor:pointer;
}

#kontakt-tabs.tab-bar{
	width:calc(100% / 3);
}

#kontakt-tabs.tab-bar li{
    width: calc(100% / 3 - 1px);
}
/**/

#charity-tabs{
	margin-top:calc(-5vw - 10px);
	color:#5a5a5a;
}
#charity-tabs > li {
	background:transparent;
}
#charity-tabs  .nav-left-text-text{
	text-align:center;
	padding:10px 15px;
}
#charity-tabs  .nav-left-text{
	text-align:center;
	width:100%;
	margin-left:0px;
}

#charity-tabs > li:hover{
	background-color:transparent !important;
}
#charity-tabs > li > a:hover , #charity-tabs > li.active > a{
	transition:0.5s all;
	color:#FF7E25;
}
#charity-tabs > li > a{
		transition:0.5s all;
	font-size:4vw;
	text-align:center;
	background:transparent;
	border:0px;
}
#charity-tabs > li > a:before{
	border-radius:100%;
	background:#f1f3f4;
	cursor:pointer;
}

#charity-tabs > li.active > a:before{
	border-radius:100%;
	background:white;
	cursor:pointer;
}

#charity-tabs.tab-bar{
	width:calc(100% / 6);
}

#charity-tabs.tab-bar li{
    width: calc(100% / 2 - 1px);
}

.teaser_all .container{
	margin: auto;
	width: 60vw;
}
.teaser_all{
	z-index: 2;
}
.voll_img img {
    padding-bottom: 4%;
    width: 100%;
}
.voll_img{
	padding: 0px;
}

.navbar-default .navbar-nav > li > a{
	color: white;
}
.sub_nav{
	position: absolute;
	top: 20px;
	width: 100%;
}
.dropdown-menu{
	color: #5a5a5a;
}
.dropdown-menu a{
	color: #5a5a5a;
}
.under_nav_home{
	list-style: none;
	margin-bottom: 0px;
}
.under_nav_home > li {
    display: block;
    margin-left: -40px;
}
.under_nav_home > li > a {
    display: block;
    height: 94px;
    vertical-align: middle;
    box-sizing: padding-box;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
    color: #777;
    text-align: center;
}
.box-sizing-padding{
	box-sizing: padding-box;
}
.under_nav_home > li > a:hover {
	background-color: #FF9851 !important;
	color: white !important;
}
.under_nav_home> li > a:active, .under_nav > li > a:focus{
	background-color: #BF5F1C !important;
	color: white !important;
}
.under_nav{
	list-style: none;
	background-color: #444D51;
	margin-bottom: 0px;
	
}
.under_nav > li {
    display: block;
    margin-left: -40px;
}
/*.under_nav > li > a {
    display: block;
    height: 94px;
    vertical-align: middle;
    box-sizing: padding-box;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    padding-top: 35px;
    text-align: center;
}*/
.under_nav > .table {
	margin-bottom: 0;
}
.under_nav > .table > a {
    display: block;
    height: 94px;
    vertical-align: middle;
    box-sizing: padding-box;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    padding-top: 35px;
    text-align: center;
}
.under_nav:hover {
	background-color: #FC9D52 !important;
	color: white !important;
}
.under_nav> li > a:active, .under_nav > li > a:focus{
	background-color: #BD641D !important;
	color: white !important;
}
.navbar-nav > li > a {
    display: block;
	padding-top: 20px;
	padding-bottom: 20px;
    vertical-align: middle;
    box-sizing: padding-box;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 21px;
}
.navbar-nav > li > a:hover {
	background-color: #FC9D52 !important;
	color: white !important;
}
.navbar-nav > li > a:active, .navbar-nav > li > a:focus{
	background-color: #BD641D !important;
	color: white !important;
}
.navbar-collapse {
    margin-left: -15px !important;
    margin-right: -30px !important;
    width: auto;
    max-height: 400px !important;
}
.color_orange{
	color: #FF7E25;
}
.color_white{
	color: white;
}
.color_white_a, .color_white_a a{
	color: white;
}
.min-height-23vh {
    min-height: 16.5vh;
}
.min_height50{
	min-height: 50px;
}
.min_height80{
	min-height: 80px;
}

.min_height_225{
	min-height: 13.7vw;
}
.min_height_250{
	min-height: 250px;
}
.min_height_280{
	min-height: 280px;
}
.min_height_350{
	min-height: 350px;
}
.min_height400{
	min-height: 400px;
}
.min_height415{
	min-height: 415px;
}
.min_height450{
	min-height: 27vw;
}
.min_height_500{
	min-height: 30vw;
}
.min_height_550{
	min-height: 550px;
}
.min_height_600{
	min-height: 600px;
}
.min_height_700{
	min-height: 700px;
}
.min_height_750{
	min-height: 750px;
}
.fest_height_450{
	height: 45vh;
}
.fest_height_500{
	height: 49.2vh;
}
.height-ticketsystems{
	min-height: 54.3vh;
}
.align-middle::before{
	display: table;
}
.align-middle350{
	vertical-align: middle;
	display: table-cell;
	height: 18vw;
	font-size: 2vw;
}
.italic{
	font-style: italic;
}
.slogen_holder{
	height: 3.5em;
	overflow: hidden;
	position: relative;
}
.slogan{
	font-size: 1.3vw;
	height: 1.8em;
	overflow: hidden;
	word-wrap: break-word;
	margin-top: -0.3em;
	position: relative;
	left: 100%;
	padding-right:5px;
	transition:color 13s;
}

.slogan.ready{
	color:rgba(90,90,90,0);
}

.table{
	display: table;
}
.header-table{
	padding-bottom: 0;
	display: table;
}
.table-cell{
	display: table-cell;
	vertical-align: middle;
}
.table260{
	display: table;
	min-height: 260px;
	height: 260px;
}
.font15{
	font-size: 15px;
}
.font16{
	font-size: 16px;
}
.font17{
	font-size: 17px;
}
.font20{
	font-size: 1.2vw;
	
}
.font21{
	font-size: 21px;
}
.font25{
	font-size: 1.3vw;
}
.font28{
	font-size: 28px;
}
.font30{
	font-size: 30px;
}
.font35{
	font-size: 35px;
}
.font40{
	font-size: 40px;
}
.font45 {
    font-size: 2vw;
}
.font50 {
    font-size: 2.5vw;
}
.font60{
	font-size: 4vw;
}
.kursiv{
	font-style: italic;
}
.letter-spacing-1-4{
	letter-spacing: 1.4px;
}
.line-height{
	line-height: 2em;
}
.line-height1_5 {
    line-height: 1.5;
}
.font-weight300{
	font-weight: 300;
}
.font-weight400{
	font-weight: 400;
}
.font-weight500{
	font-weight: 500;
}
.font-weight600{
	font-weight: 600;
}
.teaser1{
	background-image: url('../img/teaser1.png');
	background-size: cover;
	background-position: center;
	
}
.teaser2{
	background-image: url('../img/teaser2.png');
	background-size: cover;
	background-position: center;
	
}
.teaser3{
	background-image: url('../img/teaser3.png');
	background-size: cover;
	background-position: center;
	
}

.teaser_img{
	bottom: 0;
}

.teaser_img img{
	width: 100%;
}
.demo_img::before{
	background: rgba(255, 126 ,37,0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	content: '';
	top: 0;
	opacity: 0;
	transition: all 0.5s;
	display: table;
	vertical-align: middle;
}
.demo_img .img_icon{
	position: absolute;
	left: calc(50% - 2.5vw);
	top: calc(50% - 2.5vw);
	color: #fff;
	font-size: 5vw;
	opacity: 0;
	transition: all 0.5s
}
.demo_img:hover::before{
	opacity: 1;
}
.demo_img:hover .img_icon{
	opacity: 1;
}
.demosite_link{
	margin-bottom: 1.5vw;
}
.demo_img{
	width: calc(100% - 4%);
	position: absolute;
	height: 100%;
}
.demo_site1{
	background-image: url('../images/demosite/demo1.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.demo_site2{
	background-image: url('../images/demosite/demo2.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.demo_site3 {
    background-image: url("../images/demosite/demo3.png");
    background-position: center center;
    background-repeat: no-repeat;
   background-size: cover;
}
.demo_site4{
	background-image: url('../images/demosite/demo4.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.demo_site5{
	background-image: url('../images/demosite/demo5.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.demo_site6 {
    background-image: url("../images/demosite/demo6.png");
    background-position: center center;
    background-repeat: no-repeat;
   background-size: cover;
}
.demo_site7 {
    background-image: url("../images/demosite/demo7.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.demo_site8{
	background-image: url('../images/demosite/demo8.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.internet_img{
	background-image: url('../images/page/sm_software.png');
	background-size: cover;
	background-position: center;
	
}
.web_tech_img{
	background-image: url('../images/page/iPad.jpg');
	background-size: cover;
	background-position: center;
	
}
.internet_under_img{
	background-image: url('../images/page/Software_und_Design.png');
	background-size: cover;
	background-position: center;
	
}

.it_img{
	background-image: url('../images/page/sm_it-technik.png');
	background-size: cover;
	background-position: center;
	
}
.it_sys_img{
	background-image: url('../images/page/IT_Systemtechnik.png');
	background-size: cover;
	background-position: center;
	
}
.it_sys_uhr_img{
	background-image: url('../images/page/IT_Systemtechnik_uhr.png');
	background-size: cover;
	background-position: center;
	
}
.img_leistung_development {
    background-image: url("../images/page/Leistungskatalog.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 90% auto;
    height: 40vw;
}

.img-goes-left:after{
	width:100%;
	height:100%;
	position:absolute;
	background-image: url("../images/page/Leistungskatalog.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 90% auto;
	content:"";
	z-index:1;
	left:100%;
	top:0px;
}



.img-goes-right-contact:after{
	width:100%;
	height:100%;
	position:absolute;
	background-image: url("../images/page/Kontaktformular.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 90% auto;
	content:"";
	z-index:1;
	left:100%;
	top:0px;
}

.img-goes-right-charity:after{
	width:100%;
	height:100%;
	position:absolute;
	background-image: url("../images/page/charity.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 90% auto;
	content:"";
	z-index:1;
	left:100%;
	top: 15px;
}
.ofh{
	overflow:hidden;
}

.ofxh{
	overflow-x:hidden;
}

.col-lg-9.img-goes-right-charity:after{
    background-size: 85% auto;
    width: 33.33%;
}
.col-lg-9.img-goes-right-contact:after{
    background-size: 85% auto;
    width: calc(33% + 48px);
	
}

.col-lg-8.img-goes-left:after{
	width:50%;
	background-size: 120% auto;
}

.img_leistung_development2 {
    background-image: url("../images/page/Leistungskatalog.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 90% auto;
    height: 40vw;
    margin-top: 3vw;
}
.img_charity_development {
   background-image: url("../images/page/projekt_kessel.png");
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: 55% auto;
   height: 15vw;
}
.home_koch_img {
    background-image: url("../images/page/projekt_kessel.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 1vw;
    position: absolute;
    right: 0;
}
.software_img{
	background-image: url('../images/page/settings-265131_1920.jpg');
	background-size: cover;
	background-position: center;
	
}
.verwaltung_img{
	background-image: url('../images/page/verwaltungsplaner.jpg');
	background-size: cover;
	background-position: center;
	
}

.cms_system_img{
	background-image: url('../images/page/cms_system.jpg');
	background-size: cover;
	background-position: center;
	
}

.soft_img1{
	background-image: url('../images/page/Funkverbindung.jpg');
	background-size: cover;
	background-position: center;
	
}

.soft_img2{
	background-image: url('../images/page/code-1076533.jpg');
	background-size: cover;
	background-position: center;
	
}
.soft_img3{
	background-image: url('../images/page/macbook-624707_1920.jpg');
	background-size: cover;
	background-position: center;
	
}
.soft_img4{
	background-image: url('../images/page/apps_silhouette.png');
	background-size: cover;
	background-position: center;
	
}
.soft_img5{
	background-image: url('../images/page/Fotolia_4357410_M.jpg');
	background-size: cover;
	background-position: center;
	
}
.web_img1{
	background-image: url('../images/page/Bunt.jpg');
	background-size: cover;
	background-position: center;
	
}
.web_img2{
	background-image: url('../images/page/twitter-292993.jpg');
	background-size: cover;
	background-position: center;
	
}
.webshop_img{
	background-image: url('../images/page/shop_img.png');
	background-size: cover;
	background-position: center;
	
}
.systemtechnik_img{
	background-image: url('../images/page/Netzwerkkabel.jpg');
	background-size: cover;
	background-position: center;
	
}
.server_img{
	background-image: url('../images/page/Server.jpg');
	background-size: cover;
	background-position: center;
	
}
.server_datensicherheit_img{
	background-image: url("../images/page/support-silhouette.png");
	background-size: cover;
	background-position: center;
	
}
.internet_werb{
	background-image: url('../images/page/internet_werb.png');
	background-size: cover;
	background-position: center;
	
}
.personal_img{
	background-image: url('../images/page/sm_personal.png');
	background-size: cover;
	background-position: center;
	
}


.unternehmen_img{
	background-image: url('../images/page/Hafenkran_Silhouette.png');
	background-size: cover;
	background-position: center;
	
}
.unternehmen_img1{
	background-image: url('../images/page/Unternehmen.png');
	background-size: cover;
	background-position: center;
}
.unternehmen_img2{
	background-image: url('../images/page/Maennchen_Silhouette.png');
	background-size: cover;
	background-position: center;
	
}
.unternehmen_img3{
	background-image: url('../images/page/Maennchen_Silhouette.png');
	background-size: cover;
	background-position: center;
}
.job_img{
	background-image: url('../images/page/twitter_292993.jpg');
	background-size: cover;
	background-position: center;
	
}
.crm_img{
	background-image: url('../images/page/crm-silhouette.png');
	background-size: cover;
	background-position: center;
}
.html5_img {
    background-image: url("../images/page/html5.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
}

.w3c_img {
    background-image: url("../images/page/w3c.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
}
.css_img {
    background-image: url("../images/page/logos/css_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
}
.php_img {
    background-image: url("../images/page/logos/php_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
}
.apple_img {
    background-image: url("../images/page/logos/apple_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
}
.android_img {
    background-image: url("../images/page/logos/android_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
}
.window_img {
    background-image: url("../images/page/logos/windows_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
}
.blackbarry_img {
    background-image: url("../images/page/logos/blackberry_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
}
.form-control{
	height: auto;
}
.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

.padding-left-right-60{
	padding-left:60px;
	padding-right:60px;
}

.padding_all_4{
	padding: 3vw;
}

.pt-10{
	padding-top:10px;
}


.padding_all_4.padding-top-half{
		padding-top: 1.5vw;
}

.padding_right_3{

	padding-right: 1vw;
}
.padding_bottom_0{
	padding-bottom: 0vw;
}
.padding_bottom_3{
	padding-bottom: 1vw;
}
.padding_all_8{
	padding: 8%;
}
.padding_all_12{
	padding: 12%;
}
.padding_top_4{
	padding-top: 3vw;
}
.padding-top-bottom{
	padding-bottom: 1vw;
	padding-top: 1vw;
}

.padding-top-bottom.smaller{
	padding-bottom: 0.5vw;
	padding-top: 0.5vw;
}

.poffset-top  { padding-top: 2px; }
.poffset-top1 { padding-top: 5px; }
.poffset-top2 { padding-top: 10px; }
.poffset-top3 { padding-top: 15px; }
.poffset-top4 { padding-top: 30px; }
.poffset-top5 { padding-top: 40px; }
.poffset-top6 { padding-top: 50px; }
.poffset-top7 { padding-top: 60px; }
.poffset-top8 { padding-top: 80px; }
.poffset-top9 { padding-top: 100px; }
.poffset-top10 { padding-top: 150px; }

.poffset-bottom  { padding-bottom: 2px; }
.poffset-bottom1 { padding-bottom: 5px; }
.poffset-bottom2 { padding-bottom: 10px; }
.poffset-bottom3 { padding-bottom: 15px; }
.poffset-bottom4 { padding-bottom: 30px; }
.poffset-bottom5 { padding-bottom: 40px; }
.poffset-bottom6 { padding-bottom: 50px; }
.poffset-bottom7 { padding-bottom: 60px; }
.poffset-bottom8 { padding-bottom: 80px; }
.poffset-bottom9 { padding-bottom: 100px; }
.poffset-bottom10 { padding-bottom: 150px; }

.poffset-right { padding-right: 2px; }
.poffset-right1 { padding-right: 5px; }
.poffset-right2 { padding-right: 10px; }
.poffset-right3 { padding-right: 15px; }
.poffset-right4 { padding-right: 30px; }
.poffset-right5 { padding-right: 40px; }
.poffset-right6 { padding-right: 50px; }
.poffset-right7 { padding-right: 60px; }
.poffset-right8 { padding-right: 80px; }
.poffset-right9 { padding-right: 100px; }
.poffset-right10 { padding-right: 150px; }

.poffset-left { padding-left: 2px; }
.poffset-left1 { padding-left: 5px; }
.poffset-left2 { padding-left: 10px; }
.poffset-left3 { padding-left: 15px; }
.poffset-left4 { padding-left: 30px; }
.poffset-left5 { padding-left: 40px; }
.poffset-left6 { padding-left: 50px; }
.poffset-left7 { padding-left: 60px; }
.poffset-left8 { padding-left: 80px; }
.poffset-left9 { padding-left: 100px; }
.poffset-left10 { padding-left: 150px; }

h2.small-header-margin , h3.small-header-margin{
	margin-bottom:15px;
	margin-top:15px;
}

.mbt-std{
	margin-bottom:10px;
	margin-top:10px;
}

.min-height700{
	min-height:33vw;
}
.min-height600{
	min-height:26vw;
}

.min-height500{
	min-height:31vw;
}


.modal-header-headline{
	font-size:2vw;
}
.fa{
	padding: 0px;
}
#header{
	height: 40vh;
	position: relative;
	z-index: 10;
}
#header_footer_navi{
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 0px;
	z-index: 99999 !important;
	background-color: #fff;
}
#scroll_down_link{
	width: 50px;
	height: 75px;
	margin: auto;
}
.button_dark_grey::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 10px 10px 8px 16px;
}
.header_icon_holder_all {
    margin: auto;
    width: 18vw;
}
.header_icon_holder{
	float: left;
	width: 5vw;
	margin-left: 1vw;
}
.nav-left-text-under-header {
    color: #e3e7e8;
    display: table;
    float: left;
    font-family: ubuntu;
    font-size: 0.65vw;
    height: 3vw;
    margin-top: -7.5vh;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 5;
}
.middle-icon .fa{
	font-size: 2.5vw;
	line-height: 1;
}
.middle-icon .fa:focus{
	color: #fff;
}
.button_header_center_middle::after {
    background: #222629 none repeat scroll 0 0;
    content: " ";
    height: 3vw;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
}
.button_header_center_middle::before {
    background-color: #ff7e25;
    border-radius: 100%;
    display: table-cell;
    padding: 0.2vw 0.3vw;
    position: absolute;
    z-index: 5;
}
.button_header_center_middle {
    background-color: #444d51;
    border-radius: 100% 100% 0 0;
    bottom: 70px;
    display: table;
    font-size: 3vw;
    margin: auto;
    padding: 1.25vw;
    position: relative;
    text-align: center;
    z-index: 2;
}


.button_header_center::after {
    background: #222629 none repeat scroll 0 0;
    content: " ";
    height: 3vw;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
}
.button_header_center::before {
    background-color: #ff7e25;
    border-radius: 100%;
    display: table-cell;
    padding: 0;
    position: absolute;
    z-index: 5;
}
.button_header_center {
    background-color: #444d51;
    border-radius: 100% 100% 0 0;
    bottom: 70px;
    display: table;
    font-size: 3vw;
    margin: auto;
    padding: 1.25vw;
    position: relative;
    text-align: center;
    z-index: 2;
}

.button_top {
    background-color: #ff7e25;
    border-radius: 100%;
    bottom: 25px;
    display: table;
    margin: auto;
    padding: 11px 21px;
    right: 25px;
    text-align: center;
    z-index: 3;
    transition: all 0.8s;
}
.button_top:hover{
	color: #ff7e25;
	background-color: #fff;
}
/*.button_header_center {
	background-color: #E3E7E8;
    border-radius: 100%;
    bottom: 70px;
    display: table;
    padding: 40px 30px;
    position: relative;
    text-align: center;
    vertical-align: middle;
   
}*/
.button_dark_grey {
    background-color: #66737a;
    border-radius: 100%;
    display: table;
    padding: 30px;
    text-align: center;
}
.button_dark_grey_plus::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 0;
}
.button_dark_grey_plus {
    background-color: rgb(83, 96, 103);
    border-radius: 100%;
    display: table;
    padding: 30px;
    text-align: center;
    font-size: 2.5vw;
}

.button_dark_grey_plus_center::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 0;
}
.button_dark_grey_plus_center {
    background-color: #444d51;
    border-radius: 100%;
    bottom: -30px;
    display: table;
    margin: auto;
    padding: 1.5vw;
    position: relative;
    text-align: center;
    z-index: 2;
    font-size: 2.5vw;
}

.button_black_center::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 3px 3px 0;
}
.button_black_center {
    background-color: rgb(0, 0, 0);
    border-radius: 100%;
    bottom: 70px;
    display: table;
    margin: auto;
    padding: 30px;
    position: relative;
    text-align: center;
    z-index: 2;
}


.button_white_center::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 0;
}
.button_white_center {
    background-color: rgb(255, 255, 255);
    border-radius: 100%;
    bottom: -30px;
    display: table;
    font-size: 2.5vw;
    padding: 1.5vw;
    position: relative;
    text-align: center;
    z-index: 2;
}


.button_dark_dark_grey_plus::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 0;
}
.button_dark_dark_grey_plus {
	background-color: #222629;
    border-radius: 100%;
    bottom: -30px;
    display: table;
    margin: auto;
    padding: 1.5vw;
    position: relative;
    text-align: center;
    z-index: 2;
    font-size: 2.5vw;
}

.button-contact-home::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 0;
}
.button-contact-home {
    background-color: #F1F3F4;
    border-radius: 100%;
    display: table;
    padding: 1.5vw;
    text-align: center;
    font-size: 2.5vw;
}

.button-light-light-light-grey::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 0;
}
.button-light-light-light-grey {
    background-color: #F1F3F4;
    border-radius: 100%;
    display: table;
    padding: 1.5vw;
    font-size: 2.5vw;
    text-align: center;
}
.button_white::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 0;
}
.button_white {
    background-color: rgb(255, 255, 255);
    border-radius: 100%;
    display: table;
    padding: 1.5vw;
    text-align: center;
    font-size: 2.5vw;
}
/*.button_nav_line:hover::before{
	background-color: #FC9D52 !important;
	color: white !important;
	text-decoration: none;
}
.button_nav_line:active::before{
	background-color: #BD641D !important;
	color: white !important;
	text-decoration: none;
}
.button_nav_line::before {
    background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 10px 13px;
}
.button_nav_line {
    background-color: #222629;
    border-radius: 100%;
    display: table;
    padding: 30px;
    text-align: center;
}*/

.first_section, .second_section{
	float: left;
	width: 100%;
}
.datenschutz{
	margin-top: 1.8vw
}
.nav_voll_section{
	margin-top: 20px;
	float: left;
	width: 100%;
}
.p_fixed {
    box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.height_center0{
	height: 0px;
	position: relative;
	z-index: 10;
}
.p_absolute_center_header {
    float: none;
    height: 5vw;
    line-height: 0.3;
    margin: auto;
    position: relative;
    width: 5.5vw;
    z-index: 3;
}
.p_absolute_right {
    bottom: -30px;
    position: absolute;
    right: -30px;
    z-index: 2;
}
.p_absolute_left{
	position: absolute;
	bottom: -30px;
	left: -30px;
	z-index: 2;
}
.p_absolute_nav{
	position: absolute;
	z-index: 2;
}
.p_nav_90{
	transform: rotate(90deg);
}
.p_absolute_nav_logo{
	position: absolute;
	z-index: 2;
	bottom: 4px;
	right: 0;
}
.p_absolute_nav_logo img{
	width: 180px;
}
.p_absolute_center{
	position: absolute;
	bottom: -30px;
	left: -53%;
	z-index: 2;
}
.p_voll_nav{
	
}
.nav > li:hover{
	background-color: #FC9D52 !important;
}
.nav > li:active, .nav > li:focus{
	background-color: #BD641D;
}
.button_nav_voll_line:hover::before{
	background-color: #FC9D52 !important;
	color: white !important;
	text-decoration: none;
}
.button_nav_voll_line:active::before{
	background-color: #BD641D !important;
	color: white !important;
	text-decoration: none;
}
.button_nav_voll_line::before {
   /* background-color: #FF7E25;
    border-radius: 100%;
    display: table-cell;
    padding: 10px 13px;*/
    background-color: #f1f3f4;
    border-radius: 100%;
    display: table-cell;
    padding: 0vw;
}
/*.button_nav_voll_line {
    background-color: #f1f3f4;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    display: table;
    padding: 30px;
    text-align: center;
}*/
.button_nav_voll_line {
    border-radius: 100%;
    color: #ff7e25;
    display: table;
    font-size: 5vw;
    text-align: center;
    top: 5vh;
}
.button_contact:hover::before{
	background-color: #FC9D52 !important;
	color: white !important;
	text-decoration: none;
}
.button_contact:active::before{
	background-color: #BD641D !important;
	color: white !important;
	text-decoration: none;
}
.button_contact::before {
    background-color: #E3E7E8;
    border-radius: 100%;
    display: table-cell;
    padding: 15px;
}
.button_contact {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: #5a5a5a;
    display: table;
    padding: 20px;
    text-align: center;
}

.button_contact_holder{
	left: 0;
	top: 40%;
	z-index: 1001;
	transition: all 0.8s;
}
a{
	text-decoration: none;
	/*font-family: ubuntu;*/
}
a:hover, a:focus{
	text-decoration: none !important;
	color: #5a5a5a;
	border: none;
	outline: none;
}
.float_left{
	float: left;
}
.table_leistung_hosting {
	vertical-align: middle;
	width: 100%;
}

.table_leistung_hosting td, .table_leistung_hosting th {
    height: 54px;
    min-height: 55px;
    padding: 10px;
    vertical-align: middle;
}
.table_leistung_hosting th{
	border-bottom: 1px solid #ff7e25;
}
.table_leistung_hosting tfoot{
	border-top: 1px solid #ff7e25;
}
.border-orange-top{
	border-top: 1px solid #ff7e25;
}
.table_leistung_padding_left{
	padding-left: 5px;
}
.top40{
	margin-top: 40px;
}
.top50{
	margin-top: 4.3vh;
}
.top-25{
	margin-top: -25px;
}
.top20{
	margin-top: 20px;
}
.margin-top-1{
	margin-top: 1px;
}
.margin-bottom-1{
	margin-bottom: -1vh;
}
.margin-bottom-0-5{
	margin-bottom: 0.5vw;
}

.margin-bottom-0-2{
	margin-bottom: 0.2vw;
}
.margin-bottom-1em{
	margin-bottom:1em;
}
.margin-bottom-15{
	margin-bottom: 15px;
}
.margin-bottom-25{
	margin-bottom: 25px;
}

.margin-top-30{
	margin-top:-30px;
}

.margin-top-preis-leistung {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mt-03{
	margin-top:-0.3vw;
}

.block{
	display:block;
}

.margin-top-preis-leistung2 {
    float: left;
    margin-top: 0.2vw;
    margin-bottom: -0.2vw;
}

.cs_button:hover::before{
	background-color: #fff !important;
	color: #FF7E25 !important;
	text-decoration: none;
}
.cs_button:active::before{
	background-color: #BD641D !important;
	color: white !important;
	text-decoration: none;
}
.focus::before{
	background-color: #BD641D !important;
	color: white !important;
	text-decoration: none;
}
a:hover{
	text-decoration: none !important;
}
.footer{
	position: relative;
	height: 16vh;
	z-index: 999;
}
.footer .container{
	margin-left: 15vw;
}
.footer_head_line{
	text-align: center;
}
.nav-left-text-footer {
    float: left;
    font-family: ubuntu;
    font-size: 0.8vw;
    font-weight: 400px;
    display: table;
    height: 3vw;
    width: 100%;
}
.nav-left-text-under-footer {
    color: #e3e7e8;
    display: table;
    float: left;
    font-family: ubuntu;
    font-size: 0.65vw;
    height: 3vw;
    margin-top: -1.5vh;
    width: 100%;
}
.button_navi_holder_footer {
    display: table;
    float: left;
    height: auto;
    margin-left: 3vw;
    margin-top: -4.5vw;
    position: relative;
    transition: all 0.8s ease 0s;
    width: 7.6vw;
    z-index: 1001;
}


.button_navi_footer:hover::before{
	background-color: #fff !important;
	color: #222629 !important;
	text-decoration: none;
	transition: all 1s;
}
.button_navi_footer:active::before{
	background-color: #ff7e25 !important;
	color: white !important;
	text-decoration: none;
	transition: all 0s;
}
.button_navi_footer::before {
    background-color: #fff;
    border-radius: 100%;
    display: table-cell;
    transition: all 1s;
    
}
.button_navi_footer {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: #ff7e25;
    display: table;
    font-size: 2.5vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
    margin-left: 2.5vw;
}



.button_navi_holder_haupt_nav {
    display: table;
    float: right;
    height: auto;
    margin-right: 1vw;
    margin-top: 1.5vw;
    position: relative;
    transition: all 0.8s ease 0s;
    width: 1.6vw;
    z-index: 1001;
}
.button_navi_haupt:hover::before{
	background-color: #fff !important;
	color: #222629 !important;
	text-decoration: none;
	transition: all 1s;
}
.button_navi_haupt:active::before{
	background-color: #ff7e25 !important;
	color: white !important;
	text-decoration: none;
	transition: all 0s;
}
.button_navi_haupt::before {
    background-color: #ff7e25;
    border-radius: 100%;
    display: table-cell;
    transition: all 1s;
    
}

.button_navi_haupt {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: #fff;
    display: table;
    font-size: 2.5vw;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
    margin-left: 0.8vw;
    padding-bottom: 5px;
}
.close_navi_modal .button_navi_haupt::before{
	 background-color: #fff;
}
.close_navi_modal .button_navi_haupt{
	 color: #ff7e25;
}
a.button_navi_haupt {
	font-size: 2.50vw;
}
.nav-left-text-haupt {
    float: left;
    font-family: ubuntu;
    font-size: 0.8vw;
    font-weight: 400px;
    display: table;
    height: 3vw;
    width: 100%;
    text-align: center;
}
.follow a{
	color: #5a5a5a;
}
.follow .linkedin:hover::before{
	background-color: #fff !important;
	color: #006699 !important;
	text-decoration: none;
}
.follow .xing:hover::before{
	background-color: #fff !important;
	color: #005a5f !important;
	text-decoration: none;
}
.follow .twitter:hover::before{
	background-color: #fff !important;
	color: #3B5998 !important;
	text-decoration: none;
}
.navigation-content{
	padding-left: 3vw;
	padding-right: 3vw;
	padding-bottom: 3vw;
}
.footer_head_line::before {
	display: table-cell;
}
.nav_voll_section .logo {
   padding-top: 15px;
   position: static;
   float: right;
   margin-right: 3vw;
}
.nav_voll_section .logo img {
    float: right;
    margin-right: 0vw;
    margin-top: 0vw;
    width: calc(100% - 50px);
}
.logo {
    float: right;
    position: absolute;
    right: 0;
}
.logo img {
    width: calc(100% - 30px);
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: none;
}
.voll_nav_table {
    display: table;
    padding: 0;
   
    width: 100%;
}
.voll_nav_table a.active_haupt {
	color: white;
}
.voll_nav_table_cell{
	display: table-cell;
	 text-align: center;
}
.voll_nav_table a{
	color: #5a5a5a;
	float: left;
	 text-align: left;
	 width: 100%;
}
.voll_nav_table a:hover{
	color: white !important;
}


.voll_nav_table_cell:hover{
	background-color: #FF9851;
}
voll_nav_table_cell:active, .voll_nav_table_cell:focus{
	background: #BF5F1C;

}
.opacity.voll_nav_table a:hover{
	color: #5a5a5a !important;
}
.opacity .voll_nav_table_cell:hover{
	background-color: transparent;
}
.opacity.voll_nav_table_cell:hover{
	background-color: transparent;
	color: #5a5a5a !important;
}

.active_link:hover::before {
    background-color: #ff7e25 !important;
    color: white !important;
    text-decoration: none;
    transition: all 0s ease 0s;
}

.active_link::before{
	
	background-color: #ff7e25 !important;
	color: white !important;
	text-decoration: none;
	transition: all 0s;

}
.logo_holder {
    bottom: 0vw;
    position: fixed;
    right: 0vw;
    width: 4.5vw;
    float: right;
    z-index: 9;
}
.logo_holder img, .header_logo img{
	width: 100%;
}
.header_logo{
	position: relative;
	top: -80%;
	opacity: 0;
}
.modal-footer{
	border-top: 0px;
}
.z-index-1{
	z-index: 1;
	position: relative;
}
.z-index-2{
	z-index: 2;
	position: relative;
}
.z-index-3{
	z-index: 3;
	position: relative;
}
.z-index-4{
	z-index: 4;
	position: relative;
}
.z-index-5{
	z-index: 5;
	position: relative;
}
.z-index-6{
	z-index: 6;
	position: relative;
}
.z-index-7{
	z-index: 7;
	position: relative;
}
.z-index-8{
	z-index: 8;
	position: relative;
}
.z-index-9{
	z-index: 9;
	position: relative;
}
.z-index-10{
	z-index: 10;
	position: relative;
}
/*offset right */

.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
	.min-height300 {
		min-height: 180px;
	}
	.charity-bewerben-dummy-text{
		top:20%;
		font-size:18px;
	}
	
	.custom-select-hold >.expand-area.has-focus.top-md{
		position:absolute;
		bottom:0px;
	}
	
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {

	
	.min-height300{
		min-height:160px;
	}
	.charity-bewerben-dummy-text{
		top:33%;
		font-size: 1.2vw
	}
	
	.custom-select-hold >.expand-area.has-focus.top-lg{
			position:absolute;
			bottom:0px;
	}
	
	
	.full_hd{
		height: 60vh;
		width: 100%;
		/*bottom: -2vh;*/
	}
	#header{
		height:60vh;
		width:100%;
		/*background: #E3E7E8;*/
	}
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}
/*-----Select Box -------------------*/
.sbHolder{
	background-color: #ff7e25;
	font-size: 15px;
	font-weight: normal;
	position: relative;
	height: 45px;
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #fff;
	outline: none;
	text-decoration: none;
	padding-top: 5px;
}
.sbToggle{
	background: url(../img/select-icons.png) 0 -112px no-repeat;
	display: block;
	height: 40px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../img/select-icons.png) 0 -162px no-repeat;
}
.sbToggleOpen{
	background: url(../img/select-icons.png) 0 -12px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../img/select-icons.png) 0 -62px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #fc9d52;
	list-style: none;
	left: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px !important;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #fff;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #fff;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}
.navbar-nav > .dropdown > a{
	padding: 13px 10px 13px;
}
.navbar-nav > .dropdown > a:active, .navbar-nav > .dropdown > a:focus {
    background-color: #222629 !important;
    color: white !important;
}
.navbar-nav > .dropdown > a:hover{
    background-color: #222629 !important;
    color: white !important;
}
.dropdown > li:hover{
	background-color: #222629 !important;
}
.dropdown-menu > li > a:hover{
	background-color: transparent;
}
.dropdown-menu > li > a{
	padding: 3px 10px;
}

.container {
    width: 90vw;
    margin-right: 2vw;
    padding-right: 0;
   
}
.active_home {
    font-size: 2vw;
    margin-left: 0.5vw;
    padding-bottom: 2vw;
}
.active_home .nav-left-text {
    float: left;
    font-family: ubuntu;
    font-size: 0.8vw;
    margin-left: 8px;
    font-weight: 400px;
    display: table;
    height: 0vw;
    transition: all 1s;
    margin-bottom: 0.5vw; 
}
.home1{
	min-height: 50vh;
}

#preisModel .input-group-addon {
    background-color: #ff7e25;
    border: 1px solid #f1f3f4;
    border-radius: 0;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 1vw 12px;
    text-align: center;
    width: 40%;
}
.preis_input {
    border: 1px solid #f1f3f4;
    border-radius: 0;
    color: #ff7e25;
    float: right;
    padding: 0.8vw;
    width: 50%;
}
.e_peis_holder{
	float: right;
}
.e_preis{
	float: left;
	width: 30%;
}
#e_preis{
	
	float: left;
	width: 50%;
}
.sponsor-float-right{
	float: left;
}
.float-right{
	float: left;
}
.float-right-lg{
	float: right;
}
.container {
    width: 79vw;
    margin-right: 6vw;
    padding-right: 0;
   
}


.padding_top_10{
	padding-top: 0 !important;
}

.padding_bottom_0{
 	padding-bottom: 0 !important;
 }
/*Home*/
.first-section-home-left{
	min-height: 21vw;
}
.first-section-home-center-koch{
	min-height: 29vw;
}
.home2{
	min-height: 38vw;
}
.section-home-home-center{
	min-height: 30vw;
}
.section-home-home-left-right{
	min-height: 27.5vw;
}
.section-vernetzungstechnik{
	min-height: 26vw;
}
.section-home-sofware-left{
	min-height: 26vw;
}
.section-home-sofware-right{
	min-height: 23vw;
}
/*Onlinelösungen*/
.first-section-onlineloesung{
	min-height: 30.5vw;
}

.second-section-onlineloesung{
	min-height: 37.5vw;
}
.second-section-onlineloesung-right{
	min-height: 35.3vw;
}
.section-vernetzungstechnik-left{
	min-height: 23vw;
}
/*Softwareentwicklung*/

.first-section-softwareentwicklung-left{
	min-height: 23vw;
}

.first-section-softwareentwicklung-right{
	min-height: 20vw;
}
.first-section-app-left{
	min-height: 34vw;
}
.first-section-app-right{
	min-height: 31vw;
}
.second-section-app-left{
	min-height: 27.4vw;
}
.second-section-app-center{
	min-height: 20vw;
}
.section-app-produkt-left{
	min-height: 21vw;
}
/*Datenbanklösungen*/
.first-first-section-datenbankloesung-left{
	min-height: 25vw;
}
.first-first-section-datenbankloesung-right{
	min-height: 22vw;
}	
.first-section-datenbankloesung-left{
	min-height: 31vw;
}
.first-section-datenbankloesung-right{
	min-height: 34vw;
}
.section-datenbankloesung-termin{
	min-height: 37vw;
}
.section-datenbankloesung-seminar{
	min-height: 34vw;
}
.second-section-datenbankloesung{
	min-height: 28.5vw;
}
.section-datenbankloesung-crm{
	min-height: 25vw;
}
/*Webgestaltung*/
.first-section-webgestaltung-left{
	min-height: 28vw;
}
.first-section-webgestaltung-right{
	min-height: 25vw;
}
.second-section-webgestaltung-left{
	min-height: 31.9vw;
}
.second-section-webgestaltung-center{
	min-height: 27.4vw;
}
.second-section-webgestaltung-right{
	min-height: 27.4vw;
}
/*Unternehmen*/

.first-section-unternehmen-teaser{
	min-height: 18vw;
}
.first-section-unternehmen{
	min-height: 29vw;
}
.second-section-unternehmen{
	min-height: 23.5vw;
}
.third-section-unternehmen-left{
	min-height: 27.5vw;
}
.third-section-unternehmen-center{
	min-height: 24vw;
}
.third-section-unternehmen-right{
	min-height: 24vw;
}
/*Systemtechnik*/
.first-section-systemtechnik{
	min-height: 25vw;
}
.second-section-systemtechnik-left{
	min-height: 31vw;
}
.second-section-systemtechnik-right{
	min-height: 28.5vw;
}
/*Vernetzungstechnink*/
.first-section-vernetzung{
	min-height: 28vw;	
}
.third-section-vernetzung-left{
	min-height: 28vw;
}
.third-section-vernetzung-center{
	min-height: 25vw;
}
.third-section-vernetzung-right{
	min-height: 25vw;
}
/*Serverbetreuung*/
.first-section-serverbetreuung-left{
	min-height: 31vw;
}
.first-section-serverbetreuung-right{
	min-height: 28.5vw;
}
.second-section-serverbetreuung{
	min-height: 32.5vw;
}

.section-serverbetreuung-datensicherheit{
	min-height: 23.5vw;
}
.last-section-serverbetreuung{
	min-height: 31.5vw;
}
/*Softwarebetreuung*/
.first-section-softwarebetreuung-left{
	min-height: 28vw;
}
.first-section-softwarebetreuung-right{
	min-height: 25vw;
}
.third-section-softwarebetreuung-img{
	min-height: 25.5vw;
}
.third-section-softwarebetreuung-center{
	min-height: 27.75vw;
}

/*It Systemtechnik*/

.last-section-it-systemtechnik{
	min-height: 28vw;
}
.last-last-section-it-systemtechnik-left{
	min-height: 21.7vw;
}
.last-last-section-it-systemtechnik-right{
	min-height: 24vw;
}
@media (max-width: 1280px) {


	.iframe-height{
		height:350px;
	}
	
	.header_charity{
		height:100px;
	}
	
	#charity-tabs > li > a{
		font-size:40px;
	}
	
	.leistungskatalog_wrapper .nav > li{
		min-width:11vw;
	}
	
	.button_navi_holder_haupt_nav{
		margin-top: 2.1vw;
	}
	.leistungskatalog_wrapper .font20 {
	    font-size: 17px;
	}
	.font20 {
	    font-size: 1.5vw;
	}
	.line-height{
		line-height: 1.5;
	}
	.min-height-23vh {
	    min-height: 18vh;
	}
	.full_hd{
		height: 60vh;
	}
	#wrapper{
		padding-top: 5vh;
	}
	.modal-body p {
	    font-size: 14px;
	}
	.modal-body a {
	    font-size: 14px;
	}
	.container_we_are_preiskalkulator{
		width: 80vw;
	}
	a.button_navi_haupt {
	    font-size: 2.5vw;
	}
	.top-h3{
		margin-top: -20px;
	}
	.home2{
		min-height: 39.5vw;
	}
}
@media (max-width: 1200px) {
		.col-lg-9.img-goes-right-contact:after{
		display:none;
	}
	
	
	.sponsor-float-right{
		float: right;
	}
	.content_complet h3 {
	    font-size: 1.3vw;
	}
	.content_complet p {
	    font-size: 0.8vw;
	    line-height: 1.3;
	}
	.top-h3{
		margin-top: -20px;
	}
}
@media (max-width: 1031px) {
	
	
	body{
		font-size: 1.3vw;
	}
	.small_lineheight{
		line-height: 1;
		
	}
	.table_leistung_hosting {
		font-size: 1vw;
	}
	.top-h3{
		margin-top: -20px;
	}
	.timg1 img{
		width: 73% !important;
	}
	.timg2 img{
		width: 73% !important;
	}
	.timg3 img{
		width: 73% !important;
	}
	.button_navi_holder_footer {
	    display: table;
	    float: left;
	    height: auto;
	    margin-left: 2vw;
	    margin-top: -4.5vw;
	    position: relative;
	    transition: all 0.8s ease 0s;
	    width: 10.6vw;
	    z-index: 1001;
	}
	.nav-left-text-under-footer {
	    color: #e3e7e8;
	    display: table;
	    float: left;
	    font-family: ubuntu;
	    font-size: 1vw;
	    height: 3vw;
	    margin-top: -0.5vh;
	    width: 100%;
	}
	.button_navi_footer {
	    border-bottom-right-radius: 50%;
	    border-top-right-radius: 50%;
	    color: #ff7e25;
	    display: table;
	    font-size: 2.5vw;
	    margin-left: 2.5vw;
	    padding-bottom: 1vw;
	    padding-left: 0;
	    padding-top: 0;
	    text-align: center;
	}
	.button_navi_footer {
	    border-bottom-right-radius: 50%;
	    border-top-right-radius: 50%;
	    color: #ff7e25;
	    display: table;
	    font-size: 2.5vw;
	    margin-left: 4vw;
	    padding-bottom: 1vw;
	    padding-left: 0;
	    padding-top: 0;
	    text-align: center;
	}
	.nav-left-text-footer {
	    font-family: ubuntu;
	    font-size: 1.3vw;
	}
	.min_height_225 {
	    min-height: 17.5vw;
	}
	/*Home*/
	.first-section-home-left{
		min-height: 38vw;
	}
	.first-section-home-center-koch{
		min-height: 37vw;
	}
	.home2{
		min-height: 48vw;
	}
	.section-home-sofware-left{
		min-height: 33vw;
	}
	.section-home-sofware-right{
		min-height: 30vw;
	}
	.section-home-home-center{
		min-height: 31vw;
	}
	.section-home-home-left-right{
		min-height: 27.5vw;
	}
	.section-vernetzungstechnik{
		min-height: 37vw;
	}
	.section-vernetzungstechnik-left{
		min-height: 33.5vw;
	}
	/*Onlinelösungen*/
	.first-section-onlineloesung{
		min-height: 38.5vw;
	}
	
	.second-section-onlineloesung{
		min-height: 51.5vw;
	}
	.second-section-onlineloesung-right{
		min-height: 48.2vw;
	}
	
	/*Softwareentwicklung*/
	
	.first-section-softwareentwicklung-left{
		min-height: 35vw;
	}
	
	.first-section-softwareentwicklung-right{
		min-height: 32vw;
	}
	.first-section-app-left{
		min-height: 39vw;
	}
	.first-section-app-right{
		min-height: 36vw;
	}
	.second-section-app-left {
	    min-height: 35vw;
	}
	.section-app-produkt-left{
		min-height: 30vw;
	}
	/*Datenbanklösungen*/
	.first-first-section-datenbankloesung-left{
		min-height: 39vw;
	}
	.first-first-section-datenbankloesung-right{
		min-height: 36vw;
	}
	.first-section-datenbankloesung-left{
		min-height: 39vw;
	}
	.first-section-datenbankloesung-right{
		min-height: 43vw;
	}
	.section-datenbankloesung-termin{
		min-height: 45vw;
	}
	.section-datenbankloesung-seminar{
		min-height: 42vw;
	}
	.second-section-datenbankloesung{
		min-height: 31.5vw;
	}
	.section-datenbankloesung-crm{
		min-height: 33vw;
	}
	/*Webgestaltung*/
	.first-section-webgestaltung-left{
		min-height: 36vw;
	}
	.first-section-webgestaltung-right{
		min-height: 33vw;
	}
	.second-section-webgestaltung-left{
		min-height: 42vw;
	}
	.second-section-webgestaltung-center{
		min-height: 35vw;
	}
	.second-section-webgestaltung-right{
		min-height: 35vw;
	}
	/*Unternehmen*/
	.first-section-unternehmen-teaser{
		min-height: 23vw;
	}
	
	
	.first-section-unternehmen{
		min-height: 42vw;
	}
	.second-section-unternehmen{
		min-height: 33.5vw;
	}
	.third-section-unternehmen-left{
		min-height: 36vw;
	}
	.third-section-unternehmen-center{
		min-height: 33vw;
	}
	.third-section-unternehmen-right{
		min-height: 33vw;
	}
	/*Systemtechnik*/
	.first-section-systemtechnik{
		min-height: 28vw;
	}
	.second-section-systemtechnik-left{
		min-height: 38vw;
	}
	.second-section-systemtechnik-right{
		min-height: 34.8vw;
	}
	/*Vernetzungstechnik*/
	.first-section-vernetzung{
		min-height: 36vw;	
	}
	.third-section-vernetzung-left{
		min-height: 35vw;
	}
	.third-section-vernetzung-center{
		min-height: 32vw;
	}
	.third-section-vernetzung-right{
		min-height: 32vw;
	}
	/*Serverbetreuung*/
	.first-section-serverbetreuung-left{
		min-height: 45vw;
	}
	.first-section-serverbetreuung-right{
		min-height: 42vw;
	}
	.second-section-serverbetreuung{
		min-height: 39.3vw;
	}
	.section-serverbetreuung-datensicherheit{
		min-height: 31.5vw;
	}
	.last-section-serverbetreuung{
		min-height: 41vw;
	}
	/*Softwarebetreuung*/
	.first-section-softwarebetreuung-left{
		min-height: 36vw;
	}
	.first-section-softwarebetreuung-right{
		min-height: 33vw;
	}
	.third-section-softwarebetreuung-img{
		min-height: 25.65vw;
	}
	.third-section-softwarebetreuung-center{
		min-height: 28.7vw;
	}
	/*It Systemtechnik*/
	
	.last-section-it-systemtechnik{
		min-height: 36vw;
	}
	.last-last-section-it-systemtechnik-left{
		min-height: 21.7vw;
	}
	.last-last-section-it-systemtechnik-right{
		min-height: 25vw;
	}
	.datensicherheit-grey-box{
		font-size: 16px;
	}
	.sponsor-float-right{
		float: right;
	}
	#menuModel p {
	    font-size: 0.8vw;
	    line-height: 1.5em;
	}
	#menuModel h2 {
	    font-size: 1.3vw;
	}
	#menuModel .container {
	    margin: auto;
	    width: 90vw;
	}
	.font28{
		font-size: 20px;
	}
	.nav-left-text-under-header{
		font-size: 12px;
	}
	.container {
	    width: 90vw;
	    margin-right: 2vw;
	    padding-right: 0;
	   
	}
	.footer .container {
	    padding-left: 15vw;
	    margin-left: 0;
	}
	.teaser-bottom-icon {
	    float: right;
	    font-size: 2.2vw;
	  
	    text-align: right;
	}
	.tablet-display{
		display: inline-block;
	}
	.teaser_box{
		height: 12vh;
	}
	.content_complet{
		width: 100%;
	}
	
	.section_headline {
	    margin-bottom: -1.8vw;
	    margin-top: -1.8vw;
	    padding-bottom: 0.2vw;
	    position: absolute;
	    z-index: 99;
	}
	.orginal-float-right{
		float: left;
	}
}
@media (max-width: 990px) {
	
	.charity-bewerben-dummy-text{
		top:33%;
		font-size: 4vw;
	}
	.timg1 img{
		width: 100% !important;
	}
	.timg2 img{
		width: 100% !important;
	}
	.timg3 img{
		width: 100% !important;
	}
	.img-goes-right-charity:after{
		display:none;
	}
	.teaser_small_text{
		font-size: 12px;
	}
	.teaser_box p strong{
		font-size: 13px;
	}
	body {
	    font-size: 1.8vw;
	}
	.table_leistung_hosting {
	    font-size: 1.3vw;
	}
	.small-bg-white{
		background-color: #fff;
	}
	.small-bg-light-light-light-grey{
		background-color: #f1f3f4;
	}
	.section_headline{
		position: relative;
	}
	.float-right{
		float: right;
	}
	.sponsor-float-right{
		float: right;
	}
	.font28{
		font-size: 20px;
	}
	.height-ticketsystems{
		min-height: 250px;
	}
	.top50{
		margin-top: 0px;
	}
	.nav-left-text-footer{
		font-size: 1.8vw;
		float: none;
		text-align: center;
		width: 100%;
		float: left;
	}
	.nav-left-text-under-footer {
	    color: #e3e7e8;
	    display: table;
	    float: left;
	    font-family: ubuntu;
	    font-size: 1.65vw;
	    height: 3vw;
	    margin-top: 0vh;
	    width: 100%;
	}
	.button_navi_holder_footer {
	    display: table;
	    float: left;
	    height: auto;
	    margin-left: 4vw;
	    margin-top: -4.5vw;
	    position: relative;
	    transition: all 0.8s ease 0s;
	    width: 15.6vw;
	    z-index: 1001;
	}
	.first-section-home-center-koch {
	    background-size: 50% auto;
	    min-height: 350px;
	}
	.home_koch_img{
		position: relative;
	}
	.button_navi_footer:hover::before{
		background-color: #fff !important;
		color: #222629 !important;
		text-decoration: none;
		transition: all 1s;
	}
	.button_navi_footer:active::before{
		background-color: #ff7e25 !important;
		color: white !important;
		text-decoration: none;
		transition: all 0s;
	}
	.button_navi_footer::before {
	    background-color: #fff;
	    border-radius: 100%;
	    display: table-cell;
	    transition: all 1s;
	    
	}
	.button_navi_footer {
	    border-bottom-right-radius: 50%;
	    border-top-right-radius: 50%;
	    color: #ff7e25;
	    display: table;
	    font-size: 4.5vw;
	    padding-bottom: 1vw;
	    padding-left: 0;
	    padding-top: 0;
	    text-align: center;
	    margin-left: 5vw;
	}

	.full_hd{
		height: 40vh;
	}
	.teaser_all .container{
		margin: auto;
		width: 90vw;
	}
	.teaser_box h4 {
	    font-size: 1.75vw;
	}
	.teaser_box p {
	    font-size: 1.2vw;
	}
	.nav-left-text-under-header {
	    color: #e3e7e8;
	    display: table;
	    float: left;
	    font-family: ubuntu;
	    font-size: 1.2vw;
	    height: 3vw;
	    margin-top: -5.5vh;
	    position: relative;
	    text-align: center;
	    width: 100%;
	    z-index: 5;
	}
	.button_header_center{
		font-size: 3.5vw;
	}
	.p_absolute_center_header {
	    float: none;
	    height: 6vw;
	    line-height: 0.3;
	    margin: auto;
	    position: relative;
	    width: 6vw;
	    z-index: 3;
	}
	.header_icon_holder_all {
	    margin: auto;
	    width: 24vw;
	}
	.header_icon_holder {
	    float: left;
	    margin-left: 3vw;
	    width: 5vw;
	}
	.nav-left-text-text {
	    float: left;
	    width: 100%;
	}
	.voll_nav_table .padding_all_12 {
	    padding: 2%;
	}
	.voll_nav_table .min-height-23vh{
		min-height: auto;
	}
	.voll_nav_table {
	    display: table;
	    padding: 0;
	    width: 100%;
	}
	.modal-body .button_nav_voll_line {
	    border-radius: 100%;
	    color: #ff7e25;
	    display: table;
	    font-size: 35px;
	    left: -22px;
	    text-align: center;
	    top: 28px;
	}
	#menuModel h2{
		font-size: 15px;
	}
	.nav_voll_section .logo{
		float: right;
	}
	.small-display-none{
		display: inline;
	}
	.min_height450{
		min-height: 25vh;
	}
	.min_height_500{
		min-height: 30vh;
	}
	.font20{
		font-size: 20px;
	}
	.font25 {
	    font-size: 25px;
	}
	.line-height{
		line-height: 1.5;
	}
	.container {
	    width: 82vw;
	    margin-right: 0px;
	    padding-right: 0;
	}
	#people_holder {
	    float: left;
	    min-height: 12vh;
	    position: relative;
	    width: 100%;
	}
	.person_text {
	    bottom: 0;
	    float: left;
	    position: static;
	    width: auto;
	}
	.person_text p {
	    bottom: 0;
	    font-size: 0.8vw;
	    position: absolute;
	    right: auto;
	}
	.person_img {
	    float: right;
	    height: 15vh;
	    margin-right: 2vw;
	    width: 13vh;
	}
	.modal-body{
		font-size: 14px;
	}
	.modal-body p{
		font-size: 14px;
	}
	.modal-body a{
		font-size: 14px;
	}
	#form_holder textarea, #form_holder select, #form_holder input, #form_holder button , input.cs-style-input + .input-group-addon{
		font-size: 14px;
	}
	.button_nav_line{
		font-size: 6vw;
	}
	.button_navi{
		font-size: 5vw;
		padding-bottom: 1.78125vw;
	}
	.button_navi_bottom{
		font-size: 4.5vw;
		padding-bottom: 1.195vw;
	}
	#navi-left{
		width: 3.7vw;
	}
	#menuModel .second_section{
		width: 100%;
		
	}
	.navi-left-main {
	    position: absolute;
	    top: 15vw;
	    width: 17vw;
	}
	.nav-left-text{
		font-size: 11px;
		width: 120px;
	}
	.nav-left-text-text {
	    display: table-cell;
	    vertical-align: middle;
	    width: 100% !important;
	}
	.p_absolute_right{
		right: calc(50% - 30px) !important;
	}
	.p_absolute_left{
		left: calc(50% - 30px) !important;
	}
	.fest_height_450{
		height: auto;
	}
	.fest_height_500{
		height: auto;
	}
	.first-section-unternehmen-teaser{
		min-height: 30vw;
	}
	
}
@media (max-width: 991px) {
	.first-section-home-center-koch {
	    background-size: 80% auto;
	    min-height: 38vw;
	}
	.img-goes-left:after{
		display:none;
	}
	
	.sponsor-float-right{
		float: right;
	}
	.min_height_225{
		min-height: 35vw;
	}
	.html5_img, .w3c_img, .css_img, .php_img{
		background-size: 45%;
	}
	
	.apple_img {
	    background-size: 45%;
	}
	.android_img {
	    background-size: 45%;
	}
	.window_img {
	    background-size: 45%;
	}
	.blackbarry_img {
	   background-size: 45%;
	}
	.navbar-toggle, .navbar-header .collaps{
		display: block;
	}
	.navbar-collapse.collapse {
	    display: none !important;
	   
	}
	.navbar-collapse.in {
	    display: block !important;
	   
	}
	.navbar-header{
		width: 100%;
	}
	.nav > li {
	    display: block;
	    height: auto;
	    position: relative;
	    width: 100%;
	}
	.leistungskatalog_wrapper .nav > li {
	    display: block;
	    height: auto;
	    position: relative;
	    width: 10vw;
		min-width:0px;
	}
	.img_leistung_development {
	    background-image: url("../images/page/Leistungskatalog.png");
	    background-position: right bottom;
	    background-repeat: no-repeat;
	    background-size: 31% auto;
	    height: 27vw;
	}
	.close_navi_modal {
	    left: 46%;
	    margin-top: -3.25vw;
	    position: absolute;
	    z-index: 9;
	}
	.close_navi_modal a.button_navi_haupt {
	    font-size: 4vw;
	}
	.leistungskatalog_wrapper #tabs{
		margin-left: 6vw;
	}
	.min-height-23vh {
	    min-height: 0;
	}
	.container{
		width: calc(100vw - 20px);
		padding-left: 0px;
		padding-right: 15px;
	}
	.footer .container{
		margin-left: 0;
		padding-left: 15vw;
	}
	.min_height450 {
	    min-height: 30vh;
	}
	.min_height_500 {
	    min-height: 30vh;
	}
	.full-display{
		display: none;
	}
	.content_complet h3 {
	    font-size: 1.8vw;
	}
	.content_complet p {
	    font-size: 1.3vw;
	    line-height: 1.3;
	}
	.teaser_box {
	    height: auto;
	}
}
@media (max-width: 800px) {
	.sponsor-float-right{
		float: right;
	}
	.p_absolute_right{
		bottom: -15px;
	}
	.p_absolute_left{
		bottom: -15px;
	}
	.button_dark_grey_plus_center{
		bottom: -15px;
	}
	.button_dark_dark_grey_plus{
		bottom: -15px;
	}

}
@media (max-width: 768px) {
	.first-section-home-center-koch {
	    background-size: 50% auto;
	    min-height: 350px;
	}
	.teaser_box_out {
	    height: auto;
	    margin-top: 52px !important;
	}
	.teaser_box{
		height: auto;
	}
	.teaser_box p {
	    font-size: 12px;
	}
	.teaser-bottom-icon{
		font-size: 20px;
	}
	.timg1 img{
		width: 50% !important;
	}
	.timg2 img{
		width: 50% !important;
	}
	.timg3 img{
		width: 50% !important;
	}
	#charityModel .container{
		width:100%;
	}
	
	#charity-tabs.tab-bar{
		width:100%;
	}
	#charity-tabs{
		margin-top:-45px
	}
	#charity-tabs > li > a{
		font-size:40px;
		
	}
	.sponsor-float-right{
		float: right;
	}
	.min_height_225{
		min-height: 350px;
	}
	.html5_img, .w3c_img, .css_img, .php_img{
		background-size: 38%;
	}
	.apple_img {
	    background-size: 38%;
	}
	.android_img {
	    background-size: 38%;
	}
	.window_img {
	    background-size: 38%;
	}
	.blackbarry_img {
	   background-size: 38%;
	}
	.min-height-23vh{
		min-height: auto;
	}
	.nav-left-text-text {
	    width: 6vw;
	}
	.voll_nav_table .padding_all_12 {
	    padding: 3%;
	}
	.modal-body .button_nav_voll_line {
	    border-radius: 100%;
	    color: #ff7e25;
	    display: table;
	    font-size: 35px;
	    left: -22px;
	    text-align: center;
	    top: 10px;
	}
	
	.nav_voll_section .logo{
		float: right;
	}
	.logo {
	    float: right;
	    margin-left: 20px;
	    margin-top: 10px;
	    right: 0;
	}
	.button_nav_line{
		font-size: 6vw;
		top: 30px;
	}
	.button_navi{
		font-size: 5vw;
	}
	#menuModel h2{
		font-size: 15px;
	}
	.font20 {
	    font-size: 2.2vw;
	}
	.leistungskatalog_wrapper .font45 {
	    font-size: 2.6vw;
	}
	.leistungskatalog_wrapper .font20 {
	    font-size: 2.2vw;
	}
	
	.leistungskatalog_wrapper .font10 {
	    font-size: 1.8vw;
	}
	
	.line-height{
		line-height: 1.5;
	}
	.container {
	    width: 98vw;
	    padding-left: 0;
	}
	
	
}
@media (max-width: 600px) {
	
	.charity-bewerben-dummy-text{
		top:33%;
		font-size: 20px;
	}
	
	.button_navi_holder_kontakt {
	    background: #f1f3f4 none repeat scroll 0 0;
	    height: 25px;
	    margin-left: 0.5vw;
	    position: fixed;
	    right: 0;
	    top: 50%;
	    transition: all 0.8s ease 0s;
	    width: 25px;
	    z-index: 9;
	}
	.img_charity_development{
		min-height: 250px;
	}
	.button_navi_kontakt{
		font-size: 25px;
	}
	body{
		font-size: 16px;
	}
	.table_leistung_hosting {
	    font-size: 10px;
	}
	.align-middle350{
		font-size: 22px;
	}
	.min_height_225{
		min-height: 225px;
	}
	/*Home*/
	.first-section-home-left{
		min-height: 250px;
	}
	.home2{
		min-height: auto;
	}
	.section-home-sofware-left{
		min-height: auto;
	}
	.section-home-sofware-right{
		min-height: 250px;
	}
	.section-home-home-center{
		min-height: auto;
	}
	.section-home-home-left-right{
		min-height: auto;
	}
	.section-vernetzungstechnik{
		min-height: 250px;
	}
	.section-vernetzungstechnik-left{
		min-height: 250px;
	}
	/*Onlinelösungen*/
	.first-section-onlineloesung{
		min-height: 250px;
	}
	
	.second-section-onlineloesung{
		min-height: 250px;
	}
	.second-section-onlineloesung-right{
		min-height: 250px;
	}
	
	/*Softwareentwicklung*/
	
	.first-section-softwareentwicklung-left{
		min-height: 250px;
	}
	
	.first-section-softwareentwicklung-right{
		min-height: 250px;
	}
	.first-section-app-left{
		min-height: 250px;
	}
	.first-section-app-right{
		min-height: 250px;
	}
	.second-section-app-left {
	    min-height: 250px;
	}
	.section-app-produkt-left{
		min-height: 250px;
	}
	/*Datenbanklösungen*/
	.first-section-datenbankloesung-left{
		min-height: 250px;
	}
	.first-section-datenbankloesung-right{
		min-height: 250px;
	}
	.section-datenbankloesung-termin{
		min-height: 250px;
	}
	.section-datenbankloesung-seminar{
		min-height: 250px;
	}
	.second-section-datenbankloesung{
		min-height: 250px;
	}
	.section-datenbankloesung-crm{
		min-height: 250px;
	}
	/*Webgestaltung*/
	.first-section-webgestaltung-left{
		min-height: auto;
	}
	.first-section-webgestaltung-right{
		min-height: 250px;
	}
	.second-section-webgestaltung-left{
		min-height: auto;
	}
	.second-section-webgestaltung-center{
		min-height: 250px;
	}
	.second-section-webgestaltung-right{
		min-height: 250px;
	}
	/*Unternehmen*/
	.first-section-unternehmen-teaser{
		min-height: 250px;
	}
	.first-section-unternehmen{
		min-height: 250px;
	}
	.second-section-unternehmen{
		min-height: 250px;
	}
	.third-section-unternehmen-left{
		min-height: 250px;
	}
	.third-section-unternehmen-center{
		min-height: 250px;
	}
	.third-section-unternehmen-right{
		min-height: 250px;
	}
	/*Systemtechnik*/
	.first-section-systemtechnik{
		min-height: 250px;
	}
	.second-section-systemtechnik-left{
		min-height: 250px;
	}
	.second-section-systemtechnik-right{
		min-height: 250px;
	}
	/*Vernetzungstechnik*/
	.first-section-vernetzung{
		min-height: 250px;	
	}
	.third-section-vernetzung-left{
		min-height: 250px;
	}
	.third-section-vernetzung-center{
		min-height: 250px;
	}
	.third-section-vernetzung-right{
		min-height: 250px;
	}
	/*Serverbetreuung*/
	.first-section-serverbetreuung-left{
		min-height: 250px;
	}
	.first-section-serverbetreuung-right{
		min-height: 250px;
	}
	.second-section-serverbetreuung{
		min-height: 250px;
	}
	.section-serverbetreuung-datensicherheit{
		min-height: 250px;
	}
	.last-section-serverbetreuung{
		min-height: 250px;
	}
	/*Softwarebetreuung*/
	.first-section-softwarebetreuung-left{
		min-height: 250px;
	}
	.first-section-softwarebetreuung-right{
		min-height: 250px;
	}
	.third-section-softwarebetreuung-img{
		min-height: 250px;
	}
	.third-section-softwarebetreuung-center{
		min-height: 250px;
	}
	.sponsor-float-right{
		float: right;
	}
	.p_absolute_right{
		bottom: -30px;
	}
	.p_absolute_left{
		bottom: -30px;
	}
	.button_dark_grey_plus_center{
		bottom: -30px;
	}
	.button_dark_dark_grey_plus{
		bottom: -30px;
	}
	#wrapper{
		margin-bottom: 50px;
	}
	.home1{
		min-height: 50px;
	}
	.min_height_500{
		min-height: 250px;
	}
	.min_height450{
		min-height: 250px;
	}
	.footer .container{
		margin-left: 0;
		padding-left: 50px;
	}
	#wrapper{
		background: #fff;
		margin-top: 50px;
	}
	
	.min-height-23vh{
		min-height: 50px;
	}
	.modal-body .button_nav_voll_line {
	    border-radius: 100%;
	    color: #ff7e25;
	    display: table;
	    font-size: 35px;
	    left: -25px;
	    text-align: center;
	    top: 32px;
	}
	.nav_voll_section .logo {
	  	float: right;
	    margin-top: -25px;
	    position: static;
	}
	.button_nav_line{
		font-size: 35px;
		top: 10px;
		color: #fff;
	}
	.button_nav_line::before{
		background: transparent;
	}
	.button_navi{
		font-size: 30px;
	}
	#menuModel h2{
		font-size: 15px;
	}
	.font20{
		font-size: 20px;
	}
	.leistungskatalog_wrapper .font45{
		font-size: 23px;
	}
	.leistungskatalog_wrapper .font20 {
	    font-size: 20px;
	}
	
	.leistungskatalog_wrapper .font10 {
	    font-size: 15px;
	}
	.line-height{
		line-height: 1.5;
	}
	#menuModel .container {
	    width: 100%;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.container {
	    width: calc(100% - 0px);
	    padding-left: 0px;
	    padding-right: 0px;
	}
	#navi-left{
		width: 20px;
	}
	#wrapper{
		padding-top: 0;
	}
	.footer{
		position: relative;
		height: 50px;
	}
	.p_absolute_right {
	    bottom: -17px;
	    font-size: 25px;
	    right: calc(50% - 10px) !important;
	}
	.p_absolute_left {
	    bottom: -17px;
	    font-size: 25px;
	    left: calc(50% - 30px) !important;
	}
	.button_white_center{
		padding: 10px;
	}
	.button_dark_grey_plus_center {
	    background-color: #444d51;
	    border-radius: 100%;
	    bottom: -30px;
	    display: table;
	    font-size: 25px;
	    margin: auto;
	    padding: 10px;
	    position: relative;
	    text-align: center;
	    z-index: 2;
	}
	.button_dark_dark_grey_plus {
	    background-color: #222629;
	    border-radius: 100%;
	    bottom: -30px;
	    display: table;
	    font-size: 25px;
	    margin: auto;
	    padding: 10px;
	    position: relative;
	    text-align: center;
	    z-index: 2;
	}
	.button_navi_footer {
	    border-bottom-right-radius: 50%;
	    border-top-right-radius: 50%;
	    color: #ff7e25;
	    display: table;
	    font-size: 25px;
	    margin-left: 2.5vw;
	    padding-bottom: 2vw;
	    padding-left: 0;
	    padding-top: 0;
	    text-align: center;
	}
	.nav-left-text-under-footer{
		display: none !important;
	}
	.nav-left-text-footer{
		display: none !important;
	}
	.padding_all_4{
		padding: 10px;
	}
	.content_complet h3{
		font-size: 16px;
	}
	.content_complet p{
		font-size: 13px;
		line-height: 1.3;
	}
}


@media (max-width: 480px) {
	.charity-bewerben-dummy-text{
		top:10%;
		font-size: 18px;
	}
	.charity-icon-box{
		font-size:9px;
	}
	.first-section-home-center-koch {
	    background-size: 60% auto;
	    min-height: 250px;
	}
}
@media (max-width: 320px) {
	
	.charity-bewerben-dummy-text{
		top:10%;
		font-size: 16px;
	}
	.min-height-23vh{
		min-height: auto;
	}
	#navi-left{
		width: 20px;
	}
	.modal-body .button_nav_voll_line {
	    border-radius: 100%;
	    color: #ff7e25;
	    display: table;
	    font-size: 35px;
	    left: -25px;
	    text-align: center;
	    top: 10px;
	}
	.nav_voll_section .logo {
	  	float: right;
	    margin-top: -25px;
	    position: static;
	}
	
	.button_nav_line{
		font-size: 35px;
		top: 10px;
	}
	.button_navi{
		font-size: 30px;
	}
	#menuModel h2{
		font-size: 15px;
	}
	.font20{
		font-size: 20px;
	}
	.leistungskatalog_wrapper .font45{
		font-size: 23px;
	}
	.leistungskatalog_wrapper .font20 {
	    font-size: 20px;
	}
	
	.leistungskatalog_wrapper .font10 {
	    font-size: 15px;
	}
	.line-height{
		line-height: 1.5;
	}
	.container {
	    width: calc(100% - 0px);
	    padding-left: 0px;
	    padding-right: 0;
	}
	.footer{
		position: relative;
		height: 50px;
	}
}
.nowrap{
	white-space:nowrap;
}
@media(min-width:1400px){
	.iframe-height{
		height:400px;
	}
}