/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.06.2016, 10:00:58
    Author     : SteffenFoerster
*/

@font-face {
    font-family: 'NotoSans';
    src: url('noto-sans/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansBoldItalic';
    src: url('noto-sans/NotoSans-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('roboto-slab/RobotoSlab-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* color-definitions */

.redfont {
	color: #FF0000;
}

.rosefont {
    color: #d99694;
}

.roselink {
   color: #d99694;
   font-style: italic;
   cursor: pointer;
}

.roselink:hover {
   color: #d99694;
   font-style: italic;
   text-decoration: underline;
}

.violetfont {
    color: #711a3d;
}


/* page */

html,body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /*background-color: silver;*/
    /* font-family: "NotoSans"; */
    /* font-size: 0.92em; */
    font-family: "NotoSans";
    font-size: 1em;
    color: #666666;
    background-color: white;
}

p {
    margin: 0px;
    padding: 0px;
}

h2 {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    width: 100%;
    box-sizing:  border-box;
    
}

.page {
    max-width: 1010px;
    height: 100%;
    padding: 0px 5px 0px 5px;
    margin-left: auto;
    margin-right: auto;
}

/* main-layout */

.layout_table {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0px;
}

.headerline_row {
    display: table-row;
    width: 100%;
}

.header_row {
    display: table-row;      
    width: 100%;
}

.nav_row {
    display: table-row;      
    width: 100%;
    height: auto;
    margin: 0px;
}

.main_row {
    display: table-row;      
    width: 100%;
    margin: 0px;
    padding : 5px 0px 5px 0px;
    max-height : 100%;
}

.footer_row {
    display: table-row;      
    width:100%;
}

.headerline_cell {
    display: table-cell;
    width: 100%;
    text-align: left;
    padding: 5px 0px 5px 0px;
}

.header_cell {
    display: table-cell;
    width: 100%;
    max-height: 100%;
    margin: 0px;
    padding: 0px;
}

.nav_cell {
    display: table-cell;
    width: 100%;
    height: fit-content;
    margin: 5px 0px 0px 0px;
}

.main_cell {
    display: table-cell;
    width: 100%;
    height: 100%;
}

.footer_cell {
    display: table-cell;
    width: 100%;
    max-height: 100%;
    margin: 0px;
    padding-top:5px;
}

/* Header-lines */
.headerline1 {
    width:60%;
    height: 6px;
    background-color: #711a3d;
    border: none;
}

.headerline2 {
    width:60%;
    height: 2px;
    background-color: #ffffff;
    border: none;
}

.headerline3 {
    width:60%;
    height: 2px;
    background-color: #d99694;
    border: none;
}

.small_headerline1 {
    width:100%;
    height: 6px;
    background-color: #711a3d;
    border: none;
}

.small_headerline2 {
    width:100%;
    height: 3px;
    background-color: #ffffff;
    border: none;
}

.small_headerline3 {
    width:100%;
    height: 3px;
    background-color: #d99694;
    border: none;
}

/* Header-Table */

.header_table {
    display: table;
    width: 100%;
    max-height: 100%;
}

.header_table_row {
    display: table-row;
    width: 100%;
    height: 100%;
}

.header_table_left_cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 100%;
    width: auto;
    padding: 5px 5px 5px 0px;
    cursor: pointer;
}

.header_table_right_cell {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
    height: 100%;
    padding: 5px;
    width: 100%;
}

.headerblock_right {
    width:100%;
    padding-bottom: 5px;
}

.headerblock_right_text {
    width:100%;
    text-align: right;
    color : #d99694;
    font-style: italic;
    font-size: 1.6em;
    font-weight: bold;
}

.headerblock_right_line {
    width: 100%;
    height: 3px;
    background-color: #d99694;
}

.small_header {
    display: none;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

#small_title-logo {    
    padding: 10px 0px 0px 0px;
    width: 200px;    
    cursor: pointer;
}

.small_header_text {
    padding: 0px 0px 5px 0px;
    font-size: 1.1rem;
}

/* Footer */

.footer_table {
    display: table;
    height : 100%;
    width : 100%;
    color: #711a3d;
}

.footer_table_row {
    display: table-row;
    height : 100%;
    width : 100%;
}

.footer_table_left_cell {
    display: table-cell;
    height : 100%;
    width : auto;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    padding: 5px 5px 5px 0px;
    border-top: #999999 solid 1px;
}

.footer_table_right_cell {
    display: table-cell;
    height : 100%;
    width: 100%;
    text-align: right;
    vertical-align: middle;
    padding: 5px 0px 5px 5px;
    border-top: #999999 solid 1px;
}

/* ---- nav_row ---- */

.picture_box {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ff0000;
}

.picture_placeholder {
    float: left;    
    width :100%;
    margin: 0px;
    padding: 0px;
    opacity: 0;
}

#slideshow {
    position: absolute;
    left: 0px;
    top: 0px;
    width :100%;
    margin: 0px;
    padding: 0px;    
}

#slideshow > div {
    position: absolute;
    left: 0px;
    top: 0px;
    width :100%;
    margin: 0px;
    padding: 0px;    
}

#slideshow > div >img {
    position: absolute;
    left: 0px;
    top: 0px;
    width :100%;
    margin: 0px;
    padding: 0px;    
}

.nav_box {
    width: 100%;
    margin: 0px;
    padding: 0px;
}


/* main_row */

.mainblock {
    width : 100%;
    max-height: 100%;
}

.main_table {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.main_table_row {
    display: table-row;
    width: 100%;
    height: 100%;
}

.main_table_left_cell {
    display: table-cell;
    width: auto;
    height: 100%;
    padding: 0px 5px 5px 0px;
    margin: 0px;
    vertical-align: top;
    
}

.main_table_right_cell {
    display: table-cell;
    width: 290px;
    height: 100%;
    border-left: #999999 solid 1px;
    padding: 0px 5px 0px 10px;
    margin: 0px;
    vertical-align: top;
}

/* main-menu */

.nav_table {
    display: table;
    width:100%;
    padding: 5px 0px 5px 0px;
}

.nav_table_row {
    display: table-row;
    width: 100%;
}

.nav_table_cell {
    display: table-cell;
    width: 19.6%;
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: white solid 2px;
    box-sizing: border-box;
    font-size: 0.8rem;
}

.nav_table_cell:hover {
    background-color: #d99694;
    cursor: pointer;
    color: #ffffff;
}

.nav_table_cell_active {
    background-color: #711a3d;
    display: table-cell;
    width: 19.6%;
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: white solid 2px;
    box-sizing: border-box;
    font-size: 0.8rem;
    color: #ffffff;
}

.nav_table_cell_nolink {
    display: table-cell;
    width: 19.6%;
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: white solid 2px;
    box-sizing: border-box;
}

.nav_table_cell_nolink:hover {
    background-color: #999999;
    cursor: pointer;
    color: #ffffff;
}

.nav_table_space {
    display: table-cell;
    width: 0.5%;
}

.menutitle {
    float: left;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    box-sizing:  border-box;
    
}

.menubox {
    position: relative;
    width:100%;
}

.blinditem {
    width: 100%;
    opacity: 0;
}

.submenubox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    /* border: white solid 2px; */
    box-sizing:  border-box;
    display: none;
}

.submenuitem {
    width: 100%;
    padding: 5px;
    background-color: #ffffff;
    box-sizing: border-box;
    color: #666666;
    border: white solid 2px;
    box-sizing: border-box;
}

.submenuitem:hover {
    background-color: #ff0000;
    color: #ffffff;
}

/* small nav table */

.small_nav_table {
    padding: 5px 0px 5px 0px;
    display: none;
    width: 100%;
}

.small_nav_table_row {
    display: table-row;
    width: 100%;
}

.small_nav_table_left_cell {
    display: table-cell;
    width: 50%;
    text-align: left;
}

.small_nav_table_rigth_cell {
    display: table-cell;
    width: 50%;
    text-align: right;
}

#small-menu-logo {
    float:left;
    width: 50px;
    height: 50px;
    background: white;
    background-image:  url('images/menu4-1.svg');
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 2px rgba(180,180,180,1);
}

#small-menu-logo:hover {
    background-image:  url('images/menu4-2.svg'); 
}

#small-mail-logo {
    float: right;
    width: 50px;
    height: 50px;
    background: white;
    background-image:  url('images/mail4-1.svg');
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 2px rgba(180,180,180,1);
}

#small-mail-logo:hover {
    background-image:  url('images/mail4-2.svg'); 
}

.small_menu {
    width: 100%;
    display: none;
    box-sizing: border-box;
}

.small_menu_item {
    width: 100%;
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    padding: 10px;
    box-sizing: border-box;
    margin-top: 5px;
    cursor : pointer;
    border: #ffffff solid 2px;
}

.small_menu_item:hover {
    background-color: #d99694;
    color: #ffffff;
}

.small_submenu {
    width: 100%;
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    box-sizing: border-box;
    margin-top: 5px;
}

.small_submenu_titel {
    width : 100%;
    padding: 10px;
    box-sizing: border-box;
    /* border-bottom: #999999 solid 1px; */
}

.submenu-block {

    box-sizing: border-box;
    padding: 0px 5px 5px 30px;
}

.small_submenu_item {
    max-width : 100%;
    padding: 10px 10px 10px 10px;
    margin: 5px;
    box-sizing: border-box;
    cursor : pointer;
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    border: #ffffff solid 2px;
}

.small_submenu_item:hover {
    background-color: #ff0000;
    color: #ffffff;
}

/* mail-form */

.mail-content {
    width: 100%;
    background-color: red;
    padding-left: 5px;
}

.form-mail {
    width: 100%;
}

.titletext1 {
    padding:5px 0px 5px 0px;
    border-bottom: #711a3d solid 2px;
    font-weight: bold;
    color: #711a3d;
}

.titletext2 {
    padding-top:5px;
}

input {
    box-sizing: border-box;
    width:100%;
    border: #999999 solid 1px;
    padding: 4px;
    font-family: "NotoSans";
    font-size: 0.8em;
}

input:hover {
    border-color: #711a3d;
}

input:focus {
    border-color: #d99694;
    background-color: #ffdddd;
}

textarea {
    width:100%;
    padding: 4px;
    height: 150px;
    box-sizing: border-box;
    resize: none;    
    font-family: "NotoSans";
    font-size: 0.8em;
    border: #999999 1px solid;
}

textarea:hover {
    border-color: #711a3d;
}

textarea:focus {
    border-color: #d99694;
    background-color: #ffdddd;
}

.rsetbtn {
    width: 100px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border: #ffffff 2px solid;
    cursor: pointer;    
    margin: 0px auto 0px 0px;
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    box-sizing: border-box;
    font-size: 0.8rem;
}

.rsetbtn:hover {
    /* border-color: #ff0000; */
    font-weight: bold;
    border: white solid 2px;
    background-color: #d99694;
    color: #ffffff;
}

.sendbtn {
    width: 100px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border: #ffffff 2px solid;
    cursor: pointer;
    margin: 0px 0px 0px auto;   
    box-shadow:2px 2px 4px 2px rgba(180,180,180,1);
    box-sizing: border-box;
    font-size: 0.8rem;
}

.sendbtn:hover {
    font-weight: bold;
    border: white solid 2px;
    background-color: #d99694;
    color: #ffffff;
}


/* footer */

.footblockright {
    list-style: none;
    float: right;
    margin: 0px;
    padding: 0px 0px 5px;
}

.footblockright li {
    padding:0px;
    margin: 0px 0px 0px 15px;
    float:right;
    text-align: right;
}
 
.footblockright li a {
    text-decoration: none;
    color: #711a3d;
}

.footblockright li a:hover {
    text-decoration: underline;
}

/* content */

#conthtml {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    box-sizing:  border-box;
}

#conthtml h2 {
    padding-top: 0px;
    margin-top: 10px;
    font-size: 24px;
}

#loading {
    display: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/* Adress-Block */

.address-block {
    width: 100%;
    box-sizing: border-box;
    color: #444444;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

.address-block ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.address-block ul li {
    padding: 0px;
    margin: 0px;
}

.address-block-small {
    max-width: 100%;   
    background-color: #dddddd;
    color: #444444;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 10px 0px;
    display: none;
}

.address-block-small ul {  
    list-style: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.address-block-small ul li {
    padding: 0px;
    margin: 0px;
}

/* list-symbols */

.ulownpic {
    padding-left: 1rem;
    font-size: 1rem;
}

.lismallgrey {
    background: url('images/cube-6-dgrey.svg') no-repeat 0px 8px;
    list-style-type:  none;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 12px;
    font-size: 1.0rem;
    margin-left: 0px;
}

.libiggrey {
    background: url('images/cube-12-dgrey.svg') no-repeat 0px 7px;
    list-style-type:  none;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 20px;
    font-size: 1.1rem;
    margin-left: 0px;
}

.lismallrose {
    background: url('images/cube-6-rose.svg') no-repeat 0px 8px;
    list-style-type:  none;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 12px;
    font-size: 1.0rem;
    margin-left: 0px;
}

.libigrose {
    background: url('images/cube-12-rose.svg') no-repeat 0px 7px;
    list-style-type:  none;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 20px;
    font-size: 1.1rem;
    margin-left: 0px;
}

.lismallred {
    background: url('images/cube-6-red.svg') no-repeat 0px 8px;
    list-style-type:  none;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 12px;
    font-size: 1.0rem;
    margin-left: 0px;
}

.libigred {
    background: url('images/cube-12-red.svg') no-repeat 0px 7px;
    list-style-type:  none;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 20px;
    font-size: 1.1rem;
    margin-left: 0px;
}

.lismallviolet {
    background: url('images/cube-6-violet.svg') no-repeat 0px 8px;
    list-style-type:  none;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 12px;
    font-size: 1.0rem;
    margin-left: 0px;
}

.libigviolet {
    background: url('images/cube-12-violet.svg') no-repeat 0px 7px;
    list-style-type:  none;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 20px;
    font-size: 1.1rem;
    margin-left: 0px;
}



/* mail-small */
.mail-small-icon {
    display: none;
    width: 50px;
    height: 50px;
    background: white;
    background-image:  url('images/mail4-1.svg');
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 2px rgba(180,180,180,1);
    margin-top: 5px;
}

.mail-small-icon:hover {
    background-image:  url('images/mail4-2.svg'); 
}

.mail-small {
    max-width: 500px;
    display: none;
    margin-left: auto;
    margin-right: auto;
}

/* logo-table */
.logo-table1 {
    display: table;
    margin: 10px auto 10px 0px;
    padding: 0px;
}

.logo-table2 {
    display: none;
    margin: 10px auto 10px 0px;
    padding: 0px;
}

.logo-table-row {
    display: table-row;
    margin: 0px;
    padding: 5px 0px 5px 0px;
}

.logo-table-left-cell {
    display: table-cell;
    margin: 0px;
    padding: 0px 40px 0px 0px;
    vertical-align: middle
}

.logo-table-right-cell {
    display: table-cell;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    vertical-align: middle;
}

.logo-list-table {
    display: table;
    margin: 0px;
    padding: 0px;
}

.logo-list-row {
    display: table-row;
    margin: 0px;
    padding: 0px;
}

.logo-list-left-cell {
    display: table-cell;
    margin: 0px;
    padding: 0px;
}

.logo-list-right-cell {
    display: table-cell;
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

.logo-right {
    padding: 10px 0px 0px 0px;
    display: none;
}

.txtlnk {
    color: #711a3d;
    text-decoration: none;
    font-weight: bold;
}

.txtlnk:hover {
    text-decoration: underline;
}

.homeptr {
    margin: 10px auto auto auto; 
    position: relative;
    width: 282px;
    height: auto;
    padding: 10px;
    box-shadow: 2px 2px 4px 2px rgba(180,180,180,1);
    cursor: pointer;
}

.homeptr:hover {
    box-shadow: 2px 2px 6px 4px rgba(255,130,130,1);
}


.sitemap-link{
    color :#711a3d;
    cursor: pointer;
}

.sitemap-link:hover{
    text-decoration: underline;
}

.copyright {
    float: left;
}

.foot-block{
    float: right;
}

.foot-list {
    float: right;
    list-style: none;
    padding: 0px;
    margin:0px 0px 0px auto;    
}

.foot-link {
    float: right;
    padding: 0px 0px 0px 10px;
    color :#711a3d;
    cursor: pointer;
}

.foot-link:hover {
    text-decoration: underline;    
}

/* scrolling colors in header */

@keyframes cf01 {   0%  { color:#d99694; }  20%  { color:#711a3d; }  80% { color:#d99694; }}
@keyframes cf02 {   5%  { color:#d99694; }  25%  { color:#711a3d; }  85% { color:#d99694; }}
@keyframes cf03 {  10%  { color:#d99694; }  30%  { color:#711a3d; }  90% { color:#d99694; }}
@keyframes cf04 {  15%  { color:#d99694; }  35%  { color:#711a3d; }  95% { color:#d99694; }}
@keyframes cf05 {  20%  { color:#d99694; }  40%  { color:#711a3d; } 100% { color:#d99694; }}
@keyframes cf06 {  25%  { color:#d99694; }  45%  { color:#711a3d; }   5% { color:#d99694; }}
@keyframes cf07 {  30%  { color:#d99694; }  50%  { color:#711a3d; }  10% { color:#d99694; }}
@keyframes cf08 {  35%  { color:#d99694; }  55%  { color:#711a3d; }  15% { color:#d99694; }}
@keyframes cf09 {  40%  { color:#d99694; }  60%  { color:#711a3d; }  20% { color:#d99694; }}
@keyframes cf10 {  45%  { color:#d99694; }  65%  { color:#711a3d; }  25% { color:#d99694; }}
@keyframes cf11 {  50%  { color:#d99694; }  70%  { color:#711a3d; }  30% { color:#d99694; }}
@keyframes cf12 {  55%  { color:#d99694; }  75%  { color:#711a3d; }  35% { color:#d99694; }}
@keyframes cf13 {  60%  { color:#d99694; }  80%  { color:#711a3d; }  40% { color:#d99694; }}
@keyframes cf14 {  65%  { color:#d99694; }  85%  { color:#711a3d; }  45% { color:#d99694; }}

@-webkit-keyframes cf01 {   0%  { color:#d99694; }  20%  { color:#711a3d; }  80% { color:#d99694; }}
@-webkit-keyframes cf02 {   5%  { color:#d99694; }  25%  { color:#711a3d; }  85% { color:#d99694; }}
@-webkit-keyframes cf03 {  10%  { color:#d99694; }  30%  { color:#711a3d; }  90% { color:#d99694; }}
@-webkit-keyframes cf04 {  15%  { color:#d99694; }  35%  { color:#711a3d; }  95% { color:#d99694; }}
@-webkit-keyframes cf05 {  20%  { color:#d99694; }  40%  { color:#711a3d; } 100% { color:#d99694; }}
@-webkit-keyframes cf06 {  25%  { color:#d99694; }  45%  { color:#711a3d; }   5% { color:#d99694; }}
@-webkit-keyframes cf07 {  30%  { color:#d99694; }  50%  { color:#711a3d; }  10% { color:#d99694; }}
@-webkit-keyframes cf08 {  35%  { color:#d99694; }  55%  { color:#711a3d; }  15% { color:#d99694; }}
@-webkit-keyframes cf09 {  40%  { color:#d99694; }  60%  { color:#711a3d; }  20% { color:#d99694; }}
@-webkit-keyframes cf10 {  45%  { color:#d99694; }  65%  { color:#711a3d; }  25% { color:#d99694; }}
@-webkit-keyframes cf11 {  50%  { color:#d99694; }  70%  { color:#711a3d; }  30% { color:#d99694; }}
@-webkit-keyframes cf12 {  55%  { color:#d99694; }  75%  { color:#711a3d; }  35% { color:#d99694; }}
@-webkit-keyframes cf13 {  60%  { color:#d99694; }  80%  { color:#711a3d; }  40% { color:#d99694; }}
@-webkit-keyframes cf14 {  65%  { color:#d99694; }  85%  { color:#711a3d; }  45% { color:#d99694; }}

#c01 {  animation: cf01 1.5s infinite; }
#c02 {  animation: cf02 1.5s infinite; }
#c03 {  animation: cf03 1.5s infinite; }
#c04 {  animation: cf04 1.5s infinite; }
#c05 {  animation: cf05 1.5s infinite; }
#c06 {  animation: cf06 1.5s infinite; }
#c07 {  animation: cf07 1.5s infinite; }
#c08 {  animation: cf08 1.5s infinite; }
#c09 {  animation: cf09 1.5s infinite; }
#c10 {  animation: cf10 1.5s infinite; }
#c11 {  animation: cf11 1.5s infinite; }
#c12 {  animation: cf12 1.5s infinite; }
#c13 {  animation: cf13 1.5s infinite; }
#c14 {  animation: cf14 1.5s infinite; }

@keyframes tf01 {   0%  { color:#d99694; }  10%  { color:#711a3d; }  50% { color:#d99694; } 100% { color:#d99694; }}
@keyframes tf02 {   2%  { color:#d99694; }  12%  { color:#711a3d; }  52% { color:#d99694; }   2% { color:#d99694; }}
@keyframes tf03 {   4%  { color:#d99694; }  14%  { color:#711a3d; }  54% { color:#d99694; }   4% { color:#d99694; }}
@keyframes tf04 {   6%  { color:#d99694; }  16%  { color:#711a3d; }  56% { color:#d99694; }   6% { color:#d99694; }}
@keyframes tf05 {   8%  { color:#d99694; }  18%  { color:#711a3d; }  58% { color:#d99694; }   8% { color:#d99694; }}
@keyframes tf06 {  10%  { color:#d99694; }  20%  { color:#711a3d; }  60% { color:#d99694; }  10% { color:#d99694; }}
@keyframes tf07 {  12%  { color:#d99694; }  22%  { color:#711a3d; }  62% { color:#d99694; }  12% { color:#d99694; }}
@keyframes tf08 {  14%  { color:#d99694; }  24%  { color:#711a3d; }  64% { color:#d99694; }  14% { color:#d99694; }}
@keyframes tf09 {  16%  { color:#d99694; }  26%  { color:#711a3d; }  66% { color:#d99694; }  16% { color:#d99694; }}
@keyframes tf10 {  18%  { color:#d99694; }  28%  { color:#711a3d; }  68% { color:#d99694; }  18% { color:#d99694; }}
@keyframes tf11 {  20%  { color:#d99694; }  30%  { color:#711a3d; }  70% { color:#d99694; }  20% { color:#d99694; }}
@keyframes tf12 {  22%  { color:#d99694; }  32%  { color:#711a3d; }  72% { color:#d99694; }  22% { color:#d99694; }}
@keyframes tf13 {  24%  { color:#d99694; }  34%  { color:#711a3d; }  74% { color:#d99694; }  24% { color:#d99694; }}
@keyframes tf14 {  26%  { color:#d99694; }  36%  { color:#711a3d; }  76% { color:#d99694; }  26% { color:#d99694; }}
@keyframes tf15 {  28%  { color:#d99694; }  38%  { color:#711a3d; }  78% { color:#d99694; }  28% { color:#d99694; }}
@keyframes tf16 {  30%  { color:#d99694; }  40%  { color:#711a3d; }  80% { color:#d99694; }  30% { color:#d99694; }}
@keyframes tf17 {  32%  { color:#d99694; }  42%  { color:#711a3d; }  82% { color:#d99694; }  32% { color:#d99694; }}
@keyframes tf18 {  34%  { color:#d99694; }  44%  { color:#711a3d; }  84% { color:#d99694; }  34% { color:#d99694; }}
@keyframes tf19 {  36%  { color:#d99694; }  46%  { color:#711a3d; }  86% { color:#d99694; }  36% { color:#d99694; }}
@keyframes tf20 {  38%  { color:#d99694; }  48%  { color:#711a3d; }  88% { color:#d99694; }  38% { color:#d99694; }}
@keyframes tf21 {  40%  { color:#d99694; }  50%  { color:#711a3d; }  90% { color:#d99694; }  40% { color:#d99694; }}
@keyframes tf22 {  42%  { color:#d99694; }  52%  { color:#711a3d; }  92% { color:#d99694; }  42% { color:#d99694; }}
@keyframes tf23 {  44%  { color:#d99694; }  54%  { color:#711a3d; }  94% { color:#d99694; }  44% { color:#d99694; }}
@keyframes tf24 {  46%  { color:#d99694; }  56%  { color:#711a3d; }  96% { color:#d99694; }  46% { color:#d99694; }}
@keyframes tf25 {  48%  { color:#d99694; }  58%  { color:#711a3d; }  98% { color:#d99694; }  48% { color:#d99694; }}

@-webkit-keyframes tf01 {   0%  { color:#d99694; }  10%  { color:#711a3d; }  50% { color:#d99694; } 100% { color:#d99694; }}
@-webkit-keyframes tf02 {   2%  { color:#d99694; }  12%  { color:#711a3d; }  52% { color:#d99694; }   2% { color:#d99694; }}
@-webkit-keyframes tf03 {   4%  { color:#d99694; }  14%  { color:#711a3d; }  54% { color:#d99694; }   4% { color:#d99694; }}
@-webkit-keyframes tf04 {   6%  { color:#d99694; }  16%  { color:#711a3d; }  56% { color:#d99694; }   6% { color:#d99694; }}
@-webkit-keyframes tf05 {   8%  { color:#d99694; }  18%  { color:#711a3d; }  58% { color:#d99694; }   8% { color:#d99694; }}
@-webkit-keyframes tf06 {  10%  { color:#d99694; }  20%  { color:#711a3d; }  60% { color:#d99694; }  10% { color:#d99694; }}
@-webkit-keyframes tf07 {  12%  { color:#d99694; }  22%  { color:#711a3d; }  62% { color:#d99694; }  12% { color:#d99694; }}
@-webkit-keyframes tf08 {  14%  { color:#d99694; }  24%  { color:#711a3d; }  64% { color:#d99694; }  14% { color:#d99694; }}
@-webkit-keyframes tf09 {  16%  { color:#d99694; }  26%  { color:#711a3d; }  66% { color:#d99694; }  16% { color:#d99694; }}
@-webkit-keyframes tf10 {  18%  { color:#d99694; }  28%  { color:#711a3d; }  68% { color:#d99694; }  18% { color:#d99694; }}
@-webkit-keyframes tf11 {  20%  { color:#d99694; }  30%  { color:#711a3d; }  70% { color:#d99694; }  20% { color:#d99694; }}
@-webkit-keyframes tf12 {  22%  { color:#d99694; }  32%  { color:#711a3d; }  72% { color:#d99694; }  22% { color:#d99694; }}
@-webkit-keyframes tf13 {  24%  { color:#d99694; }  34%  { color:#711a3d; }  74% { color:#d99694; }  24% { color:#d99694; }}
@-webkit-keyframes tf14 {  26%  { color:#d99694; }  36%  { color:#711a3d; }  76% { color:#d99694; }  26% { color:#d99694; }}
@-webkit-keyframes tf15 {  28%  { color:#d99694; }  38%  { color:#711a3d; }  78% { color:#d99694; }  28% { color:#d99694; }}
@-webkit-keyframes tf16 {  30%  { color:#d99694; }  40%  { color:#711a3d; }  80% { color:#d99694; }  30% { color:#d99694; }}
@-webkit-keyframes tf17 {  32%  { color:#d99694; }  42%  { color:#711a3d; }  82% { color:#d99694; }  32% { color:#d99694; }}
@-webkit-keyframes tf18 {  34%  { color:#d99694; }  44%  { color:#711a3d; }  84% { color:#d99694; }  34% { color:#d99694; }}
@-webkit-keyframes tf19 {  36%  { color:#d99694; }  46%  { color:#711a3d; }  86% { color:#d99694; }  36% { color:#d99694; }}
@-webkit-keyframes tf20 {  38%  { color:#d99694; }  48%  { color:#711a3d; }  88% { color:#d99694; }  38% { color:#d99694; }}
@-webkit-keyframes tf21 {  40%  { color:#d99694; }  50%  { color:#711a3d; }  90% { color:#d99694; }  40% { color:#d99694; }}
@-webkit-keyframes tf22 {  42%  { color:#d99694; }  52%  { color:#711a3d; }  92% { color:#d99694; }  42% { color:#d99694; }}
@-webkit-keyframes tf23 {  44%  { color:#d99694; }  54%  { color:#711a3d; }  94% { color:#d99694; }  44% { color:#d99694; }}
@-webkit-keyframes tf24 {  46%  { color:#d99694; }  56%  { color:#711a3d; }  96% { color:#d99694; }  46% { color:#d99694; }}
@-webkit-keyframes tf25 {  48%  { color:#d99694; }  58%  { color:#711a3d; }  98% { color:#d99694; }  48% { color:#d99694; }}

#t01 {  animation: tf01 4s infinite; }
#t02 {  animation: tf02 4s infinite; }
#t03 {  animation: tf03 4s infinite; }
#t04 {  animation: tf04 4s infinite; }
#t05 {  animation: tf05 4s infinite; }
#t06 {  animation: tf06 4s infinite; }
#t07 {  animation: tf07 4s infinite; }
#t08 {  animation: tf08 4s infinite; }
#t09 {  animation: tf09 4s infinite; }
#t10 {  animation: tf10 4s infinite; }
#t11 {  animation: tf11 4s infinite; }
#t12 {  animation: tf12 4s infinite; }
#t13 {  animation: tf13 4s infinite; }
#t14 {  animation: tf14 4s infinite; }
#t15 {  animation: tf15 4s infinite; }
#t16 {  animation: tf16 4s infinite; }
#t17 {  animation: tf17 4s infinite; }
#t18 {  animation: tf18 4s infinite; }
#t19 {  animation: tf19 4s infinite; }
#t20 {  animation: tf20 4s infinite; }
#t21 {  animation: tf21 4s infinite; }
#t22 {  animation: tf22 4s infinite; }
#t23 {  animation: tf23 4s infinite; }
#t24 {  animation: tf24 4s infinite; }
#t25 {  animation: tf25 4s infinite; }

#p01 {  animation: tf01 4s infinite; }
#p02 {  animation: tf02 4s infinite; }
#p03 {  animation: tf03 4s infinite; }
#p04 {  animation: tf04 4s infinite; }
#p05 {  animation: tf05 4s infinite; }
#p06 {  animation: tf06 4s infinite; }
#p07 {  animation: tf07 4s infinite; }
#p08 {  animation: tf08 4s infinite; }
#p09 {  animation: tf09 4s infinite; }
#p10 {  animation: tf10 4s infinite; }
#p11 {  animation: tf11 4s infinite; }
#p12 {  animation: tf12 4s infinite; }
#p13 {  animation: tf13 4s infinite; }
#p14 {  animation: tf14 4s infinite; }
#p15 {  animation: tf15 4s infinite; }
#p16 {  animation: tf16 4s infinite; }
#p17 {  animation: tf17 4s infinite; }
#p18 {  animation: tf18 4s infinite; }
#p19 {  animation: tf19 4s infinite; }
#p20 {  animation: tf20 4s infinite; }
#p21 {  animation: tf21 4s infinite; }
#p22 {  animation: tf22 4s infinite; }
#p23 {  animation: tf23 4s infinite; }
#p24 {  animation: tf24 4s infinite; }
#p25 {  animation: tf25 4s infinite; }

#t01 {  -webkit-animation: tf01 4s infinite; }
#t02 {  -webkit-animation: tf02 4s infinite; }
#t03 {  -webkit-animation: tf03 4s infinite; }
#t04 {  -webkit-animation: tf04 4s infinite; }
#t05 {  -webkit-animation: tf05 4s infinite; }
#t06 {  -webkit-animation: tf06 4s infinite; }
#t07 {  -webkit-animation: tf07 4s infinite; }
#t08 {  -webkit-animation: tf08 4s infinite; }
#t09 {  -webkit-animation: tf09 4s infinite; }
#t10 {  -webkit-animation: tf10 4s infinite; }
#t11 {  -webkit-animation: tf11 4s infinite; }
#t12 {  -webkit-animation: tf12 4s infinite; }
#t13 {  -webkit-animation: tf13 4s infinite; }
#t14 {  -webkit-animation: tf14 4s infinite; }
#t15 {  -webkit-animation: tf15 4s infinite; }
#t16 {  -webkit-animation: tf16 4s infinite; }
#t17 {  -webkit-animation: tf17 4s infinite; }
#t18 {  -webkit-animation: tf18 4s infinite; }
#t19 {  -webkit-animation: tf19 4s infinite; }
#t20 {  -webkit-animation: tf20 4s infinite; }
#t21 {  -webkit-animation: tf21 4s infinite; }
#t22 {  -webkit-animation: tf22 4s infinite; }
#t23 {  -webkit-animation: tf23 4s infinite; }
#t24 {  -webkit-animation: tf24 4s infinite; }
#t25 {  -webkit-animation: tf25 4s infinite; }

#p01 {  -webkit-animation: tf01 4s infinite; }
#p02 {  -webkit-animation: tf02 4s infinite; }
#p03 {  -webkit-animation: tf03 4s infinite; }
#p04 {  -webkit-animation: tf04 4s infinite; }
#p05 {  -webkit-animation: tf05 4s infinite; }
#p06 {  -webkit-animation: tf06 4s infinite; }
#p07 {  -webkit-animation: tf07 4s infinite; }
#p08 {  -webkit-animation: tf08 4s infinite; }
#p09 {  -webkit-animation: tf09 4s infinite; }
#p10 {  -webkit-animation: tf10 4s infinite; }
#p11 {  -webkit-animation: tf11 4s infinite; }
#p12 {  -webkit-animation: tf12 4s infinite; }
#p13 {  -webkit-animation: tf13 4s infinite; }
#p14 {  -webkit-animation: tf14 4s infinite; }
#p15 {  -webkit-animation: tf15 4s infinite; }
#p16 {  -webkit-animation: tf16 4s infinite; }
#p17 {  -webkit-animation: tf17 4s infinite; }
#p18 {  -webkit-animation: tf18 4s infinite; }
#p19 {  -webkit-animation: tf19 4s infinite; }
#p20 {  -webkit-animation: tf20 4s infinite; }
#p21 {  -webkit-animation: tf21 4s infinite; }
#p22 {  -webkit-animation: tf22 4s infinite; }
#p23 {  -webkit-animation: tf23 4s infinite; }
#p24 {  -webkit-animation: tf24 4s infinite; }
#p25 {  -webkit-animation: tf25 4s infinite; }




/* screen-width 700 */
@media screen and (max-width: 700px)
{
     
    .main_table_right_cell {
        width : 50px;
    }
    
    .mail-large {
        display: none;
    }
    
    .mail-small-icon {
        display: block;
    }
    
    #title-logo{
        width: 200px;
    }
    
    .headerblock_right_text {
        font-size: 1.3rem;
    }
    
    #adress-block-small {
        display: block;
    }
        
}

@media screen and (max-width: 550px)
{
    .nav_box {
        display: none;
    }
    
    .main_table_right_cell {
        display: none;
    }
    
    .small_nav_table {
        display: table;
        width: 100%;
    }
    
    .header_table {
        display : none;
    }
    
    .headerline_cell {
        display: none;
    }
    
    .small_header {
        display: block;
    }

    .main_table_left_cell {
        padding: 0px 0px 0px 0px;
    }
    
    .logo-table1 {
        display: none;
    }
    
    .logo-table2 {
        display: table;
    }
    
}