/*----------начало сброса настроек по-умолчанию----------*/
html, body, div, span, p, em, img, strong, h1, h2, h3, h4, h5, h6, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, liste, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	padding: 0;
	margin: 0;
	outline: 0;                
	vertical-align: baseline;   
	font-size: 100%;  
	border: 0;
	background: transparent;    
}

table{						   
	border-spacing: 0;
	border-collapse: collapse; 
}

a{                        
	padding: 0;
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	background: transparent;	
}

div {
	vertical-align: top;	 
}

label, input, select, button, textarea{
	font-size: 100%; 
	margin: 0; 					
	outline: none;
}

label, select, input[type="text"], input[type="vorname"], input[type="name"], input[type="email"], input[type="telephon"], input[type="kunden_id"], input[type="password"], input[type="keyword"], input[type="submit"], input[type="reset"], textarea, input[type="date"], input[type="time"], input[type="anlagebetrag"], input[type="file"], input[type="name_article"], input[name="stadt"], input[name="postleitzahl"], input[name="strasse"], input[name="hausnummer"]{
	padding: 0;
	border: 0;	
}

input[type="checkbox"]{ 		
	vertical-align: bottom;
}

input[type="radio"]{
    margin: 5px 10px 5px 25px;
}

sub{
	vertical-align: sub;
	font-size: smaller;
}

sup{
	vertical-align: super;
	font-size: smaller;
}

nav ul{
	list-style: none;
}

article, liste, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}


/*----------окончание сброса настроек по-умолчанию----------*/
/*----------начало базовых настроек файла css----------*/
html{
	min-height: 100%;			
}

body{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
	min-height: 100%;	
	color: #000;
	line-height: 1.2;		
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

p{
	text-indent: 0;    
}

a, a:visited{ 
	text-decoration: none;				
	color: #f49749;
}

a:hover{
	text-decoration: underline;	
	color: #404040;
}

a:active{
	text-decoration: none;	
	color: #404040;
}

.details h3{
    font-weight: bold;
	text-decoration: none;	
	color: #404040;
    min-height: 50px;
}

.details h4{
    font-size: 14px;
    min-height: 40px; 
    font-weight: normal;
	text-decoration: none;	
	color: #404040;
    text-align: left;
}

.details a:hover {
    text-decoration: none;				
	color: #404040;
}

/*----------окончание базовых настроек файла css----------*/
/*----------начало назначения стилей css----------*/
body {
	font-size: 0.875em;		
}

.wrapper {
	min-width: 320px;
	background: #5E6872;
	margin: 0 auto;
}

.band{
	width: 100%;
}

.band p{
    text-align: right;
	font-size: 0.7em;	
    color: #f49749;
}

.band_2 label {
    display: inline-block;
    padding-top: 10px;
}

header {
	background-size: 170% 100%;	
	box-shadow: 0 0.25em 0.3125em 0 #555;
	position: relative;    
    left: 0;
    background-color: #5E6872;
}

.hdr-title {
	padding-top: 0.3125em;	
}

.hdr-block {
	height: 3.5625em;
}

.hdr-block img {
	height: 5em;	
	float: left;
	margin-left: 8%;
	margin-right: 2.5%;	
    top: 0px;
}

.hdr-block h1 {
	margin-left: 0%;
    text-align: left;
	font-size: 2em;
    font-weight: bold;
    color: #f49749;
    line-height: 1.2;	
    text-shadow: 0.0625em 0.0625em 0.0625em #404040;	
}

.hdr-p1 {
	margin-top: 0.5em;
	margin-left: 4%;
	padding-right: 0.875em; 
    color: #f49749;
    font-style: italic;
	font-size: 1.0625em;	
	line-height: 1.0;
	text-shadow: 0.0625em 0.0625em 0.0625em #f49749;
}


.band_1 {
	display: block;
	position: absolute;
    top: 10px; 
    right: 0.3%;
}

.band_2 {
	display: block;
	position: absolute;
    top: 10px; 
    right: 0.3%;
}

.band_1 {
	z-index: 120;
    display: block;
}

.band_2 {
	z-index: 110;
    display: none;
}

.menu-add1, .menu-add2 {
	display: block;
	position: absolute;
    top: 40px; 
    right: 0.3%;
}

.menu-add1 {
	z-index: 12;
}

.menu-add2 {
	z-index: 11;
}

.menu-add1 div, .menu-add2 div {
    height: 2.5em;
	width: 2.5em;
    color: #006;
    border: 1 solid #404040;
    border-radius: 0.375em 0.375em 0.375em 0.375em; 
	box-shadow: 0.1875em 0.1875em 0.1875em 0.1875em #404040;    
	background: #f3f3f3;	
	display: table-cell;
	vertical-align: middle;		
}

.menu-add1 div {
	box-shadow: 0.1875em 0.1875em 0.1875em 0.1875em #404040;		
}

.menu-add2 div {
	box-shadow: 0.1875em 0.1875em 0.1875em 0.1875em #404040;	
}

.menu-add1 div p, .menu-add2 div p {
	text-align: center;
	color: #404040;
	line-height: 0.6;
}

.menu-add1 div p {
	font-weight: bold;	
	font-size: 1em;
}

.menu-add2 div p {
	font-size: 2em;
}

.container_kontent .table-responsive-md p {        
    text-align: left;
    padding-left: 0 10px 0 10px;
}

.container_kontent .table-responsive-md h4 {        
    font-size: 18px;
    text-align: center;
}

.container_kontent .table-responsive-md  img:hover .mask{
	height:0%;	
}

.container_kontent .table-responsive-md .col1 {
    width: 5%;
}

.container_kontent .table-responsive-md .col2 {
    width: 30%;
}

.container_kontent .table-responsive-md .col3 {
    width: 20%;
}

.container_kontent .table-responsive-md .col4 {
    width: 30%;
}

.container_kontent .table-responsive-md .col5 {
    width: 20%;
}

.container_kontent .table-responsive-md .col6 {
    width: 70%;
}

.container_kontent .table-responsive-md .col7 {
    width: 10%;
}
/*-----------------------------------------------------------------------

    
	.menu ul{	
		display: table-row;
	}
    
	.menu ul li{
        text-transform: uppercase;
		display: table-cell; 	
		width: 16.41%;
		border: 0.0625em solid #404040;
		border-radius: 0.375em 0.375em 0.375em 0.375em; 
		box-shadow: 0.1875em 0.1875em 0.1875em 0.1875em #404040;
		vertical-align: middle;
	}
  /**/

    

    
 

                        /*-----------------------------------------------------*/
.menu{
	position: absolute; 
    top: 0; 
    left: 0;
	z-index: 10;
}

.hdr-block-anmelden{

}

.menu a{
    background: #e1e0e2;
	width: 12.75em;
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	line-height: 2.5;
	text-decoration: none;
	border-radius: 0 0.3125em 0.3125em 0;
	color: #006;
    border: 0.0625em solid #404040;
    border-radius: 0.375em 0.375em 0.375em 0.375em; 
	box-shadow: 0.1875em 0.1875em 0.1875em 0.1875em #404040;
}

.menu ul{	
    display: none;
	}

.menu ul ul li{	
    display: none;
	}

.activ a{
    color: #f49749;
	background: #5E6872;	
	box-shadow: 0.0625em 0.125em 0.375em 0 #4c5150 inset;
}

.menu a:hover{
	color: #f49749;	
    background: #5E6872;
	box-shadow:0.0625em 0.125em 0.375em 0 #4c5150 inset;
}

/*---------------------------

#cookie-notice {
    min-width: 100%;
    height: auto;
    display: block;
    position: fixed;
 /*   z-index: 10000;*/
  /*  font-size: 13px;
    line-height: 20px;
    left: 0;
    bottom: 0;
    text-align: center;
}---------------------------------

/*
.cn-button .wp-default {
    font-family: sans-serif;
    line-height: 18px;
    padding: 2px 12px;
    background: linear-gradient(to bottom,#FEFEFE,#F4F4F4) repeat scroll 0 0 #F3F3F3;
    border-color: #BBB;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    outline: none;
}
*/
/*---------------------------------------
.cookie-notice-container {
    padding: 10px;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cookie-notice .cn-button {
    margin-left: 10px;
}
/*-----------------------------------------------------*/
/*https://webformyself.com/bolshie-menyu-malenkie-ekrany-adaptivnaya-mnogourovnevaya-navigaciya/

/*
.menu ul ul:hover{	
    display: block;
	}


    .menu ul ul li{
        display: block;
		width: 250px;
        top: 0px;
        position: relative;
    }
    
    .menu ul ul ul li{
        display: block;
        left: 100%;    
        top: -50px;
        position: relative;    
    }
    
    .menu ul ul ul ul li{
        display: block;
        left: 100%; 
        top: -50px;
        position: relative;
    }
    

    
    .menu li > ul {
        position: absolute;
        top: 5 0px;
        display: none;   
    }

    .menu li > ul a{
        font-size: 14px;
        text-transform: none;
        font-weight: normal;
    }

    .menu li:hover > ul {
        display: block;  

    }
    
    .menu li:hover > ul > li {
        float: none; 
    } 
/*----------------------*/

#tabs {
    width: 95%;
    margin: 10px auto;
    background: #fbfbfb;
    background-color: #fbfbfb;
    color: #fbfbfb;
    border: none;
}

.ui-tabs-nav {
    background: none #fbfbfb !important;
    border: none;
}

.ui-tabs-nav li {
    /*background: none #1e492c !important;*/
    border: none #fbfbfb !important;
}

.ui-widget-header {
    border: 1px solid #fbfbfb;
}

.ui-tabs-nav li:hover {
    background: #fbfbfb;
    border: 1px solid #fbfbfb;
}

/*
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
*/

.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-tabs {
    position: relative;
    padding: 0.2em;
}

user agent stylesheet
div {
    display: block;
}

/*
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    border-color: aqua;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    border: none; 
}
*/

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0 0 1px 0 !important;
    border: none;
}
    
.ui-tabs-nav, .ui-widget, .ui-widget-header, .ui-corner-all {
    background: #fbfbfb;
    background-color: #fbfbfb; 
    color: #fbfbfb;
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: none #fbfbfb !important;
    font-weight: bold;
    color: #fbfbfb;
}

#tabs .ui-tabs-panel {
    text-align: justify;
    color: #fbfbfb;
    border-color: #fbfbfb;
    background-color: #f49749;
    background: #f49749;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
}

#tabs a {        
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;   
    border-color: #f49749; 
    background-color: #f49749; 
    text-align: center;
    color: #5E6872;
    cursor: pointer;
 
}

#tabs a:hover { 
    background-color: #f49749; 
    color: #fbfbfb;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;   
}

/*-----------------------*/
section {
	width: 95%;
	margin: 1.875em auto 0 auto;	
	background-color: #eee; 
	border-radius: 0.625em;			
	box-shadow: 0 0 3.75em 0 #fff;	
	background-image: linear-gradient(to top, #ccc 0%, #e9e9e9 1.5%, #eee 3%, #eee 97%, #f7f7f7 99%, #fafafa 100%);
	border-top: 0.0625em solid #dedede;
	overflow: hidden;
}

.rtr-block1 {
	width: 100%;
	float: left;	
	position: relative; 
    top: 0.125em;
	z-index: 9;
}

.rtr-screen {
	display: none;	
	margin: 3.5% 6.89% 0 6.89%;
}

.flexslider {
	margin: 0 0 40px 0!important;
}

#brd-slider {	
	border-radius: 0.625em;		
	border-top: 0.375em solid #888;
	border-left: 0.375em solid #888;	
	border-bottom: 0.375em solid #fff;
	border-right: 0.375em solid #fff;
}

.slides img {
	width: 100%;	
	border-radius: 0.25em;	
}

.rtr-block2 {
	width: 100%;	
	float: left;	
}

.rtr-block2 h3 {
	text-align: center;	
    font-style: normal;
}

.rtr-text {
	padding: 0 3% 4% 3%;		
}

.rtr-text p {
	text-indent 4.76%;
	color: #404040;
	font-size: 0.9375em;		
	padding-top: 1.38%;
	text-align: justify;
}

.rtr-text h2:nth-child(1) {
    color: #f49749;
    text-align: center;
    font-size: 1.0625em;
    padding: 1.19% 0 2.38% 0;
    font-weight: bold;
}

.rtr-text p:nth-child(3) {
	display: none;
}

.content-block {
	width: 95%;
	margin: 1.875em auto 0 auto;	
	position: relative;	
}

main {
	margin-right: 0;
	background: #fbfbfb; 
	padding: 0.625em 2%;
	border-radius: 0.625em;			
	box-shadow: 0 0 3.75em 0 #fff;	
}

.article {
	min-height: 6.25em;
	margin-bottom: 1.25em;	
}

.article h2 {
    color: #2f2f49;
    text-align: center;
    font-size: 1.0625em;
    padding: 1%;
    font-weight: bold;
}

.article p {
    font-size: 0.9em;
}

.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination a{
    margin: 5px;
    margin-bottom: 10px;
}

.pagination a:visited{
    color: #5E6872;
}

.movie_choice {  
    font: 10px verdana, sans-serif;  
    margin: 0 auto 40px 0;  
    width: 180px;  
}  

.movie_choice p{  
    padding-left: 5px;  
}
///////////////////////
.rating-area {
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
}

.rating-area:not(:checked) > input {
	display: none;
}

.rating-area:not(:checked) > label {
	float: right;
	width: 35px;
	padding: 0;
	cursor: pointer;
	font-size: 35px;
	line-height: 35px;
	color: lightgrey;
	text-shadow: 1px 1px #bbb;
}

.rating-area:not(:checked) > label:before {
	content: '★';
}

.rating-area > input:checked ~ label {
	color: #f49749;
	text-shadow: 1px 1px #c60;
}

.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	color: gold;
}

.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px goldenrod;
}

.rate-area > label:active {
	position: relative;
}

.rating-result {
	margin: auto;
    text-align: left;
}

.rating-result span {
	padding: 0;
	font-size: 35px;
	line-height: 1;
	color: lightgrey;
	text-shadow: 1px 1px #bbb;
}

.rating-result > span:before {
	content: '★';
}

.rating-result .active {
	text-shadow: 1px 1px #c60;
    color: #f49749;
}

.rating-result .active_not {   
	text-shadow: 1px 1px #c60;
    color: #f49749;
    opacity: 40%;
}
///////////////////

.comments {
	min-height: 3.25em;
	margin-bottom: 1.25em;	
}

main h1, main h2, main h3 {
	font-size: 1.125em;	
	font-weight: bold;
/*	font-style: italic;*/
	color: #f49749;
}

main h4 {
    color: #fbfbfb;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

#dynamic-number1 {
    width: 100px;
    height: 40px;
    padding: 20px;
    background: #f49749;;
    font: bold 35px Arial;
    color: #fff;
    text-align: center;
    display: inline-block;
}

#dynamic-number2 {
    width: 100px;
    height: 40px;
    padding: 20px;
    background: #f49749;;
    font: bold 35px Arial;
    color: #fff;
    text-align: center;
    display: inline-block;
}

main ol { 
    counter-reset: item;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
}

main li { 
    display: block;
    padding-bottom: 10px;
}

main ol ol li {
    font-weight: normal;
    font-size: 16px;
    margin-left: 20px;
}

main ol ol ul {
    padding-top: 10px;
    list-style-type: square;
}

main ol li:before { 
    content: counters(item, ".") ". "; 
    counter-increment: item;  
}

main p{
  /*  text-indent: 2%;*/
	padding-top: 2%;
	color: #2f2f49;
    text-align: justify;
}

.article ul{
    display: block;
	padding-top: 2%;
	color: #2f2f49;
    text-align: justify;
    margin-left: 10px;
    font-size: 0.9em;
}

.article ul li{
    display: list-item;
    list-style-type: circle;
    margin-left: 20px;
}

main hr{
	height:0.0625em;
	background: #f49749; 		
	margin: 0.3125em 0 0.625em 0;
	box-shadow: 0 0 0.0625em 0 #f49749;
}

.container_kontent {
    width: 100%;
}

.container_kontent .row > .column {
    padding: 0 8px;
}

.container_kontent .row:after {
    content: "";
    display: table;
    clear: both;
}

.container_kontent .column {
    float: left;
    width: 25%;
}

.container_kontent ul{
/*    padding-left: 5%;*/
}

.container_kontent li{
    /*list-style-type: circle;*/
    margin-left: 5%;
    margin-right: 5%;
    display: list-item;
    font-size: 0.85em;
    text-align: justify;
}

.container_kontent .row p {
   /* padding: 3%;*/
    font-size: 0.85em;
}

.row {
/*
    margin-right: -25px;
    margin-left: -25px;
*/   	
}

.hide, .hide + label ~ div {
    display: none; 
}

.hide + label,
.hide:checked + label {
    text-align: center;
    border-radius: 0.625em;	
    background-color: #f49749;
	box-shadow: 0 0 0.0625em 0 #f49749;
    color: #5E6872;
    font-weight: bold;
    padding: 20px;
    margin: 20px;
    display: list-item;
    list-style: none;
    cursor: pointer;
}

.hide:checked + label {
    color: #fff;
    border-bottom: 0;
    padding: 20px;
    margin: 20px;
    display: list-item;
}

.hide:checked + label + div {
    border-radius: 0.625em;	
    background-color: #f49749;
	box-shadow: 0 0 0.0625em 0 #f49749;
    color: #5E6872;
    font-weight: normal; 
    padding: 20px;
    margin: 20px;
    display: list-item;
    list-style: none;
}

.col-xs-3, .col-xs-4, .col-xs-6, .col-xs-8, .col-xs-12 {
        float: left;
}

.col-xs-12 {
        width: 100%;
}

.col-xs-8 {
        width: 66.66666667%;
}

.col-xs-6 {
        width: 50%;
}

.col-xs-4 {
        width: 33.33333333%;
}

.col-xs-3 {
        width: 25%;
}

.col-xs-pull-12 {
        right: 100%;
}

.col-xs-pull-8 {
        right: 66.66666667%;
}

.col-xs-pull-6 {
        right: 50%;
}

.col-xs-pull-4 {
        right: 33.33333333%;
}

.col-xs-pull-3 {
        right: 25%;
}

.col-xs-push-12 {
        left: 100%;
}

.col-xs-push-8 {
        left: 66.66666667%;
}

.col-xs-push-6 {
        left: 50%;
}

.col-xs-push-4 {
        right: 33.33333333%;
}

.col-xs-push-3 {
        right: 25%;
}

.col-xs-offset-12 {
        margin-left: 100%;
}

.col-xs-offset-8 {
        margin-left: 66.66666667%;
}

.col-xs-offset-6 {
        margin-left: 50%;
}

.col-xs-offset-4 {
        right: 33.33333333%;
}

.col-xs-offset-3 {
        right: 25%;
}

.tmpr-text{
	width: 80%;
	font-size: 1.0625em;	
	text-indent: 1.25em;
	margin: 2.25em auto 2.25em auto;
	text-align: justify;
}

.tmpr-text p{
	color: #006;
	line-height: 1.5;		
}

aside{	
	width: 15em;
	position: relative; 
    top: 0; 
    right: 0; 
	margin: 0 auto;
}

.search, .subscribe{
	background-image: linear-gradient(to top, #c4c4c4 0%, #e9e9e9 5%, #eaeaea 10%, #eaeaea 94%, #f7f7f7 98%, #fafafa 100%);
	border-top: 0.0625em solid #dedede;
	padding: 0.3125em 1.25em;
	font-size: 0.9375em;
	color: #5E6872;	
	line-height: 0.8;	
	overflow: hidden;		
}

.search, .subscribe, .banner img{
	border-radius: 0.625em;
	box-shadow: 0 0 3.75em 0 #fff;				
}

.search, .banner{
	margin-top: 0.9375em;
}

.banner img{
	height: 21.25em;
	width: 15em;
}

.img-responsive {
    width: 90%;
    margin-left: 5%;
	border-radius: 0.3125em;	
}

.img-article {
    width: 90%;
	border-radius: 0.3125em;	
}

.img-article-eins {
    width: 40%;
	border-radius: 0.3125em;
    position: relative;
    float: left;
    display: inline-block;
    margin: 10px 20px 10px 0;
}

.img-article-art {
    width: 30%;
	border-radius: 0.3125em;
    position: relative;
    display: inline-block;
    margin: 20px 20px 0 0;
}

.img-article-blog {
    width: 90%;
	border-radius: 0.3125em;
    position: relative;
    float: left;
    display: inline-block;
    margin: 0px 20px 10px 0;
}

.details p{
    line-height: 1.5;
    text-align: justify;
    font-size: 0.85em;
}

.btn-primary {
    text-align: right;
    display: block;
}

.article h5 {
	background-image: linear-gradient(to top, #c4c4c4 0%, #e9e9e9 5%, #eaeaea 10%, #eaeaea 94%, #f7f7f7 98%, #fafafa 100%);
	border-top: 0.0625em solid #dedede;
	padding: 10px;
    font-weight: bold;
	font-size: 0.9375em;
	color: #5E6872;	
}

.article_data{
    text-align: left;
    display: block;
    font-size: 0.7em;
    margin: 10px;
}

.img-res {
    width: 20%;
    display: block;
    margin: auto;
}

.details {
    text-align: center;
    margin-bottom: 5%;
}

aside h3{
	text-align: center;
	font-size: 1.125em;
	font-weight: bold;
	padding-top: 0.625em;
	margin-bottom: 0.9375em;
}

select, textarea, input[name="keyword"], input[name="name"], input[name="vorname"], input[name="telephon"], input[name="email"], input[name="kunde_id"], input[name="password"], input[name="date"], input[name="time"], input[name="kundenID"], input[name="pass"], input[name="name_article"], input[name="stadt"], input[name="postleitzahl"], input[name="strasse"], input[name="hausnummer"]{
	margin: 0.5625em 0 0.625em 0;	
	padding: 0.3125em 0.5em 0 0.5em;
	box-sizing: border-box;	
	background: #fdfadc;	
	box-shadow: 0.1875em 0.1875em 0.3125em 0 #8b8e8d inset;
	border-radius: 0.3125em;	
	border-bottom: 0.125em solid #fff;
	border-right: 0.125em solid #fff;		
}

input[name="anlagebetrag"], input[name="sparrate"], input[name="anlageerfolg"], input[name="ausgabekosten"], input[name="servicegebühr"], input[name="spardauer"], input[name="endkapital"]{
	margin: 0 0 0.625em 0;	
	padding: 0.3125em 0.5em 0 0.5em;
	box-sizing: border-box;	
	background: #fdfadc;	
	box-shadow: 0.1875em 0.1875em 0.3125em 0 #8b8e8d inset;
	border-radius: 0.3125em;	
	border-bottom: 0.125em solid #fff;
	border-right: 0.125em solid #fff;		
}

input[name="keyword"], input[name="kunde_id"], input[name="password"],input[name="kundenID"], input[name="pass"]{
	width: 16.5em;
	padding: 0.3125em 0.5em 0 0.5em;
    font-size: 14px;
}

input[name="kundenID"], input[name="pass"]{
    width: 10em;
}

input[name="name"], input[name="vorname"], input[name="telephon"], input[name="email"], input[name="stadt"], input[name="postleitzahl"], input[name="strasse"], input[name="hausnummer"] {
	width: 90%;
	padding: 0.3125em 0.5em 0 0.5em;
    margin-left: 10px;
}

input[name="anlagebetrag"], input[name="sparrate"], input[name="anlageerfolg"], input[name="ausgabekosten"], input[name="servicegebühr"], input[name="spardauer"], input[name="endkapital"]{
	width: 100px;
	padding: 0.3125em 0.5em 0 0.5em;
    margin-left: 10px;
}

input[name="date"], input[name="time"]{
	margin-left: 20px;
    width: 100%;
    /*height: 35px;*/
}

input[name="name_article"]{
	 width: 95%;
    /*height: 35px;*/
}

select{
    width: 95%;
   /* margin-left: 10px;*/
}

textarea{
    height: 200px;
    width: 95%;   
}

label{
   /* padding-left: 25px;*/
}

input[type="submit"], input[type="reset"]{
	height: 1.875em;
    width: 15.75em;
	margin-bottom: 0.625em;	
	border-radius: 0.3125em;	
	background: #e1e0e2;
	text-align: center;	
	font-weight: bold;
	color: #000;	
	float: right;
	/*background-image: linear-gradient(to top, #f49749, #f49749 70%, #f49749);		*/		
	box-shadow: 0.125em 0.125em 0.25em 0 #422a2a;
	border-width: 0.125em;
	border-style: solid;
	border-color: #ddbebe #241616 #241616 #ddbebe;				
}

input[type="file"]{
	height: 1.675em;
    width: 30%;
	margin-bottom: 0.625em;	
	border-radius: 0.3125em;	
	background: #f49749;
	text-align: center;	
	font-weight: bold;
	color: #fff;	
	background-image: linear-gradient(to top, #f49749, #f49749 70%, #f49749);				
	box-shadow: 0.125em 0.125em 0.25em 0 #422a2a;
	border-width: 0.125em;
	border-style: solid;
	border-color: #ddbebe #241616 #241616 #ddbebe;				
}

input[value="Eingang"]{
	width: 5.75em;
	margin-top: 0.3125em;	
}

input[value="Kundenservicecenter"] {
	width: 6em;
    color: #f49749;
    background: #5E6872;
	margin: 0.5em 0.5em 0 1em;	
    border-width: 0.1em;
    height: 25px;
}

input[value="Ausgang"] {
	width: 7em;
    color: #f49749;
    background: #5E6872;
	margin: 0.5em 0.5em 0 1em;	
    border-width: 0.1em;
    height: 25px;
}

input[value="Suchen"] {
	width: 5.75em;
	margin-top: 0.5625em;	
}

input[value="Daten absenden"]{
	width: 95%;
	margin-top: 0.3125em;
    float: inherit;
}

input[value="Zurücksetzen"]{
	width: 95%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Zurück"]{
	width: 30%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Drücken die Liste von Kunden"]{
	width: 95%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Drücken die Anmeldung"]{
	width: 95%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Drücken"]{
	width: 95%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Einfügen"]{
	width: 95%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Einfügen Artikel"]{
	width: 30%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Artikel Bearbeiten"]{
	width: 30%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Artikel Löschen"]{
	width: 30%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Die Datei von Kunde Löschen"]{
	width: 30%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Einfügen Bild"]{
	width: 300px;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Löschen"]{
	width: 45%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Beschreiben"]{
	width: 45%;
	margin-top: 0.3125em;	
    float: inherit;
}

input[value="Berechnen"]{
	width: 95%;
	margin-top: 0.3125em;
    float: inherit;
}

input[type="file"]:hover{
	box-shadow: none;
	border-color: #c39696 #a76d6d #653939 #a76d6d;				
}

input[type="file"]:active{
	box-shadow: 0 0 0.4375em 0.125em #422a2a inset;	
	border-color: #777 #fff #fff #777;				
}

input[type="submit"]:hover{
	box-shadow: none;
	border-color: #c39696 #a76d6d #653939 #a76d6d;				
}

input[type="submit"]:active{
	box-shadow: 0 0 0.4375em 0.125em #422a2a inset;	
	border-color: #777 #fff #fff #777;				
}

input[type="reset"]:hover{
	box-shadow: none;
	border-color: #c39696 #a76d6d #653939 #a76d6d;				
}

input[type="reset"]:active{
	box-shadow: 0 0 0.4375em 0.125em #422a2a inset;	
	border-color: #777 #fff #fff #777;				
}

input[type="file"]:hover{
	box-shadow: none;
	border-color: #c39696 #a76d6d #653939 #a76d6d;				
}

input[type="file"]:active{
	box-shadow: 0 0 0.4375em 0.125em #422a2a inset;	
	border-color: #777 #fff #fff #777;				
}



.error {
    font-size: 12px;
    color: #f49749;    
}

.table .thead-dark th {
    background-color: #f49749;
    border-color: #32383e;
}

.table .berechnen th {
    background-color: #f49749;
    border-color: #32383e;
    color: #fff;
}

footer {
	margin-top: 1.875em;
	background: #5E6872;
	padding-bottom: 1.875em;
}

.ftr-menu{
	width: 100%;		
	margin: 0 auto;
	padding-top: 0.9375em;
}

.ftr-menu ul li{
	display: block; 	
	list-style-type: none;
	vertical-align: middle;	
}

.ftr-menu a{
	display: block;
	text-align: center;
	font-size: 0.9375em;
	font-weight: bold;
	line-height: 2.5;	
	color: #f49749;
	text-decoration: none;
	padding: 0 0.3125em;	
}

/*.ftr-activ a{
	background: #487673;
	box-shadow: 0.0625em 0.1875em 0.375em 0 #4c5150 inset;
	border-radius: 0.375em; 
}*/

.ftr-menu a:hover{
    box-shadow: 0.0625em 0.1875em 0.375em 0 #4c5150 inset;
	border-radius: 0.375em; 
	text-decoration: none;
    background: #eaeaea;
    color: #5E6872;
}

footer p{
	margin-top: 1.4375em;
	text-align: center;
	font-size: 1.125em;
	color: #eaeaea;
	padding: 0 1em 0 1em;
}	

@media only screen and (min-width: 350px){
	.ftr-menu a{
		font-size: 1em;
	}
    
	.hdr-block{
		height: 5.5em;
	}
    
    .hdr-block h1{
		font-size: 1.25em;
	}
    
	.hdr-p1{
		margin-left: 0%;
	}

}

@media (min-width: 768px) {    
      .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-12 {
        float: left;
      }
    
      .col-sm-12 {
        width: 100%;
      }
    
      .col-sm-6 {
        width: 50%;
      }
    
      .col-sm-4 {
        width: 33.33333333%;
      }

      .col-sm-3 {
        width: 25%;
      }
    
      .col-sm-2 {
        width: 16.66666667%;
      }

      .col-sm-1 {
        width: 8.33333337%;
      }
    
      .col-sm-pull-12 {
        right: 100%;
      }

      .col-sm-pull-6 {
        right: 50%;
      }

      .col-sm-pull-4 {
        width: 33.33333333%;
      }
    
      .col-sm-pull-3 {
        right: 25%;
      }
    
      .col-sm-pull-2 {
        right: 16.66666667%;
      }
    
      .col-sm-pull-1 {
        right: 8.33333337%;
      }

      .col-sm-push-12 {
        left: 100%;
      }

      .col-sm-push-6 {
        left: 50%;
      }

      .col-sm-push-4 {
        width: 33.33333333%;
      }
    
      .col-sm-push-3 {
        left: 25%;
      }
    
      .col-sm-push-2 {
        left: 16.66666667%;
      }
    
      .col-sm-push-1 {
        left: 8.33333337%;
      }
    
      .col-sm-offset-12 {
        margin-left: 100%;
      }

      .col-sm-offset-6 {
        margin-left: 50%;
      }

      .col-sm-offset-4 {
        width: 33.33333333%;
      }
    
      .col-sm-offset-3 {
        margin-left: 25%;
    }  

      .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }  
    
      .col-sm-offset-1 {
        margin-left: 8.33333337%;
    } 
    
}

@media (min-width: 992px) {    
     .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-7 {
        float: left;
      }

      .col-md-1 {
        width: 8.33333337%;
      }
    
      .col-md-pull-1 {
        right: 8.33333337%;
      }

      .col-md-push-1 {
        left: 8.33333337%;
      }

      .col-md-offset-1 {
        margin-left: 8.33333337%;
      }    
    
      .col-md-2 {
        width: 16.66666667%;
      }
    
      .col-md-pull-2 {
        right: 16.66666667%;
      }

      .col-md-push-2 {
        left: 16.66666667%;
      }

      .col-md-offset-2 {
        margin-left: 16.66666667%;
      }    
    
      .col-md-3 {
        width: 25%;
      }

      .col-md-pull-3 {
        right: 25%;
      }

      .col-md-push-3 {
        left: 25%;
      }

      .col-md-offset-3 {
        margin-left: 25%;
      }  
    
      .col-md-4 {
        width: 33.33333333%;
      }

      .col-md-pull-4 {
        right: 33.33333333%;
      }

      .col-md-push-4 {
        left: 33.33333333%;
      }

      .col-md-offset-4 {
        margin-left: 33.33333333%;
      }  
    
      .col-md-6 {
        width: 50%;
      }
    
      .col-md-pull-6 {
        right: 50%;
      }

      .col-md-push-6 {
        left: 50%;
      }

      .col-md-offset-6 {
        margin-left: 50%;
      }    
    
      .col-md-7 {
        width: 58.33333333%;
      }

      .col-md-pull-7 {
        right: 58.33333333%;
      }

      .col-md-push-7 {
        left: 58.33333333%;
      }

      .col-md-offset-7 {
        margin-left: 58.33333333%;
      } 
}

@media (min-width: 1200px) {    
      .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-12 {
        float: left;
      }
  
      .col-lg-12 {
        width: 100%;
      }
    
      .col-lg-10{
        width: 83.33%;
      }
    
      .col-lg-8 {
        width: 66.66%;
      }
    
      .col-lg-7 {
        width: 58.33333333%;
      }

      .col-lg-6 {
        width: 50%;
      }

      .col-lg-4 {
        width: 33.33333333%;
      }
    
      .col-lg-3 {
        width: 25%;
      }

      .col-lg-2 {
        width: 16.66666667%;
      }
    
      .col-lg-1 {
        width: 8.33333333%;
      }
    
      .col-lg-pull-12 {
        right: 100%;
      }
    
      .col-lg-pull-10 {
        right: 83.33%;
      }
    
      .col-lg-pull-8 {
        left: 66.66%;
      }
    
      .col-lg-pull-7 {
        left: 58.33333333%;
      }
    
      .col-lg-pull-6 {
        right: 50%;
      }

      .col-lg-pull-4 {
        right: 33.33333333%;
      }
      
      .col-lg-pull-3 {
        right: 25%;
      }
    
      .col-lg-pull-2 {
        right: 16.66666667%;
      }
    
      .col-lg-pull-1 {
        right: 8.33333333%;
      }
    
      .col-lg-push-12 {
        left: 100%;
      }

      .col-lg-push-10 {
        left: 83.33%;
      }
    
      .col-lg-push-8 {
        left: 66.66%;
      }
    
      .col-lg-push-7 {
        left: 58.33333333%;
      }
    
      .col-lg-push-6 {
        left: 50%;
      }

      .col-lg-push-4 {
        left: 33.33333333%;
      }

      .col-lg-push-3 {
        left: 25%;
      }
    
      .col-lg-push-2 {
        left: 16.66666667%;
      }
    
      .col-lg-push-1 {
        left: 8.33333333%;
      }
    
      .col-lg-offset-12 {
        margin-left: 100%;
      }

      .col-lg-offset-10 {
        margin-left: 83.33%;
      }
    
      .col-lg-offset-8 {
        margin-left: 66.66%;
      }
    
      .col-lg-offset-7 {
        margin-left: 58.33333333%;
      }
    
      .col-lg-offset-6 {
        margin-left: 50%;
      }

      .col-lg-offset-4 {
        margin-left: 33.33333333%;
      }  
    
      .col-lg-offset-3 {
        margin-left: 25%;
      }  
    
      .col-lg-offset-2 {
        margin-left: 16.66666667%;
      }
    
      .col-lg-offset-1 {
        margin-left: 8.33333333%;
      }  
}

@media only screen and (min-width: 400px){
	.ftr-menu{
		width: 50%;	
	}
    
	.hdr-p1{
		font-size: 1.125em;	
	}
    
	.menu-add1 div, .menu-add2 div{
		height: 3.875em;
		width: 3.875em;		
	}		
}

@media only screen and (min-width: 450px){
	.hdr-p1{
		font-size: 1.25em;	
	}
}

@media only screen and (min-width: 500px){
	.ftr-menu{
		width: 40%;		
	}
}
/*--------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px){
	body {
		font-size: 0.9375em;
	}
    
	.wrapper {
		border: 1px solid #ccc;		
	}	
    
	header {
		background-size: 170% 100%;
		border-top: 0.0625em solid #ddd;	
	}	
    
	.hdr-title {
		padding-top: 1em;	
        padding-bottom: 4em;
	}
    
    .hdr-anmelden {
        display: block;
		position: relative;
	}
    
	.hdr-block {
		height: 4em;
	}
  
	.hdr-block img {
		height: 7em;	
		float: left;
        margin-top: 1px;
	/*	margin-left: 10%;*/
		margin-right: 2%;
	}

	.hdr-block h1 {
		margin-left: 0%;
        text-align: left;
		font-size: 2em;
        font-weight: bold;
		/*color: #5E6872;
		line-height: 1;	*/
		text-shadow: 0.0625em 0.0625em 0.0625em #404040;	
	}	
    
	.hdr-p1 {
		height: 1.3125em;
		margin-left: 10.33%;
		font-style: italic;
		font-size: 1.85em;
        color: #5E6872;
		text-shadow: 0.0625em 0.0625em 0.0625em #f49749;	
	}	
    
	.menu-add1, .menu-add2 {
		display: none;
	}
    
	.menu {
		display: table;	
		width: 95%;
		margin: 0 auto;	
		position: relative;
        top: 0; 
        left: 0;					
	}
    
	.menu ul {	
		display: table-row;
	}
    
	.menu ul li {
        text-transform: uppercase;
		display: table-cell; 	
		width: 16.41%;
		border: 0.0625em solid #404040;
		border-radius: 0.375em 0.375em 0.375em 0.375em; 
		box-shadow: 0.1875em 0.1875em 0.1875em 0.1875em #404040;
		vertical-align: middle;
	}

    .menu ul ul li {
        display: block;
		width: 250px;
        top: 0px;
        position: relative;
    }
    
    .menu ul ul ul li {
        display: block;
        left: 100%;    
        top: -50px;
        position: relative;    
    }
    
    .menu ul ul ul ul li {
        display: block;
        left: 100%; 
        top: -50px;
        position: relative;
    }
    
	.menu a {       
        border-radius: 0.375em 0.375em 0.375em 0.375em;
		height: 2.75em;
		width: 1920px;	
		display: table-cell;
		vertical-align: middle;
		font-size: 0.875em;
		line-height: 1;	
		color: #404040;		
        padding: 0.3125em;	
		background-image: none;		
	}
    
    .menu li > ul {
        position: absolute;
        top: 5 0px;
        display: none;   
    }

    .menu li > ul a{
        font-size: 14px;
        text-transform: none;
        font-weight: normal;
    }

    .menu li:hover > ul {
        display: block;  
        /*width: 100%;*/
    }
    
    .menu li:hover > ul > li {
        float: none; 
    }  

	section{
		width: 95%;
		margin: 1.875em auto 0 auto;	
		background-color: #eee; 
		border-radius: 0.625em;			
		box-shadow: 0 0 3.75em 0 #fff;	
		background-image: linear-gradient(to top, #ccc 0%, #e9e9e9 1.5%, #eee 3%, #eee 97%, #f7f7f7 99%, #fafafa 100%);
		border-top: 0.0625em solid #dedede;	
	}
    
	.rtr-block1{
		width: 58%;
		float: none;			
		display: table-cell;  
		vertical-align: middle;	
		position: relative; 
        top: 0.125em;
		z-index: 9;
	}
    
	.rtr-screen{
		display: none;	
		margin: 6.89% 6.89% 6.89% 6.89%;
	}
    
	.flexslider{
		margin: 0 0 60px 0!important;
	}	
    
	#brd-slider{	
		border-radius: 0.625em;		
		border-top: 0.375em solid #888;
		border-left: 0.375em solid #888;	
		border-bottom: 0.375em solid #fff;
		border-right: 0.375em solid #fff;
	}
    
	.slides img{
		width: 100%;	
		border-radius: 0.25em;	
	}
    
	.rtr-block2{
		width: 42%;	
		float: none;			
		display: table-cell;
		vertical-align: middle;		
	}
    
	.rtr-text{
		padding: 4.76% 7.14% 4.76% 0;		
	}
    
	.rtr-text h2{
        font-weight: bold;
		text-align: center;
		font-size: 1.0625em;
		color: #f49749;
		padding: 1.19% 0 2.38% 0;
	}
    
	.rtr-text h2:nth-child(1) {
		display: block;
	}		
    
	.rtr-text p{
        font-family: Times;
		text-align: inherit;
		color: #404040;
		font-size: 0.875em;		
		padding-top: 2.38%;	
	}
    
	.rtr-text p:nth-child(4) {
		display: block;
	}		
    
	.content-block{
		min-height:47.5em;	
		width:95%;
		margin:1.875em auto 0 auto;	
		position:relative;	
	}
     
	.content-block{
		min-height:47.5em;	
	}
    
	main{
		margin-right:16.25em;
	}
    
	.tmpr-text{
		font-size:1.1875em;	
		margin:6.25em auto 6.25em auto;
	}
	
	aside{	
		position:absolute; top:0; right:0;  
	}	
    
	footer {
		height: 8.6875em;
		padding-bottom:0;		
	}
    
	.ftr-menu{
		display:table;	
		width:95%;
	}
    
	.ftr-menu ul{	
		display:table-row;
	}
    
	.ftr-menu ul li{
		display:table-cell; 	
		width:20%;
	}
    
	.ftr-menu a{
		height:2.8125em;
		width:1920px;	
		display:table-cell;
		vertical-align:middle;	
		font-size:0.9375em;
		line-height:1;	
	}	
    
	.ftr-menu a{
		font-size:0.875em;
	}

}

@media only screen and (min-width: 700px) {	
	.rtr-text h2{
		font-size:1.125em;
	}
    
	.rtr-text p{
		font-size:0.9375em;		
	}
    
	.ftr-menu a{
		font-size:0.9375em;
	}
    
	.menu a{
		font-size: 0.9375em;
	}		
}

@media only screen and (min-width: 800px){	
	.hdr-p1{
		font-size: 1.4375em;
	}	

	.rtr-text p:nth-child(3){
		display: block;
	}
    
	.ftr-menu a{
		font-size: 1em;
	}
    
	.menu a{
		height:3em;
		font-size: 1em;
	}	
}

@media only screen and (min-width: 1000px){
	body{
		font-size: 1em;
	}
    
	header{
		background-size: 100% 100%;
	}	
    
	.menu{
		width: 83.33%;
	}
    
	.menu a{
		height: 3.125em;
		font-size: 1em;
	}
    
	section{
		width: 83.33%;
	}
    
	.rtr-text h2{
		font-size: 1.125em;
	}
    
	.rtr-text p{
		font-size: 0.9375em;		
	}
    
	.content-block{
		width: 83.33%;
	}
    
	main{
		margin-right: 17.5em;
	}
    
	.ftr-menu {
		width: 83.33%;
	}
}

@media only screen and (max-width: 680px){
    .menu ul ul li{
		width: 100px;
    }    
    input[name="word"], input[name="kunde_id"], input[name="password"]{
	   width: 12.5em;
    }
}

@media only screen and (max-width: 1280px){
    input[name="word"], input[name="kunde_id"], input[name="password"]{
	   width: 13.5em;
    }
    
}

@media only screen and (max-width: 1000px){
    .menu ul ul li{
		width: 150px;
    }
}

@media only screen and (max-width: 1280px){
    .menu ul ul li{
		width: 180px;
    }
}

@media only screen and (min-width: 1280px){
	body{
		font-size: 1.0625em;
	}
    
	.rtr-text h2{
		font-size: 1.25em;
	}	
    
	.rtr-text p{
		font-size: 1em;		
	}
}

@media only screen and (min-width: 1360px){
	body{
		font-size: 1.125em;
	}
}

@media only screen and (min-width: 1500px){
	body{
		font-size: 1.1875em;
	}
}

@media only screen and (min-width: 1700px){
	body{
		font-size: 1.25em;
	}
    
	.wrapper {
		max-width: 1920px;	
	}		
}

@media screen and (max-width: 600px) {        
        .table-responsive table {
            width: 100%;
            opacity: 0.7; 
            font-size: 0.9em;     
        }

        .table-responsive table h3 {
            font-size: 1em;        
        }
}

@media screen and (max-width: 850px) {    
        .bloking .table-responsive-md p {        
            font-size: 12px;   
        }

        .bloking .table-responsive-md h4 {        
            font-size: 12px;
        }

}