/* Fonts */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;margin:0}html{overflow-x:hidden}
h1,h2,h3,h4,h5 {font-family: "Verdana", sans-serif;font-weight:400;margin:10px 0}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:12px}hr{border:0;border-top:1px solid #eee;margin:20px 0}

.tine_xxlarge{font-size:36px}
.tine_xxxlarge{font-size: 48px}
.tine_underline{width:50px;border:5px solid #600028}

/* Sidebar*/
.tine_sidebar{height:100%;width:300px;background-color:#fff;position:fixed!important; right:0!important;z-index:3;overflow:auto; float:right; margin-top: 0px;}
.tine_overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index: 1;}
.tine_bar_block{position: absolute}
.tine_sidebar_links{}
@media (max-width:992px){.tine_sidebar.tine_collapse{display:none}.tine_main{margin-left:0!important;margin-right:0!important}.tine_sidebar_links{display:none!important}}
@media (min-width:993px){.tine_modal_content{width:900px}.tine_hide_large{display:none!important}.tine_sidebar.tine_collapse{display:block!important}.tine_large{font-size:18px!important}.tine_sidebar_links{display:block!important}}

@media (max-width:650px){.tine_xxxlarge{font-size: 32px}.tine_underline{border:3px solid #600028}}
@media (min-width:651px){.tine_xxxlarge{font-size: 48px}.tine_underline{border:5px solid #600028}}

/* Colors */
.tine_text_brombeer{color:#600028!important}
.tine_brombeer{color: #FFF !important;background-color:#600028!important}
.tine_black{color:#000!important}
.tine_white{color: #FFF!important}
.tine_text_bold{font-weight: bold}


/* Buttons*/
.tine_button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.tine_button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.tine_button:disabled{cursor:not-allowed;opacity:0.3}:disabled *{pointer-events:none}
.tine_button:hover{color:#000!important;background-color:#ccc!important}
#art {
  scroll-margin-top: 200px; /* Set to your header height (200px) + some spacing */
}

/* Element Format*/
.tine_top{position:fixed;width:100%;z-index:2}.tine_top{top:0}.tine_padding{padding:8px 16px!important}
.tine_container{padding:0px 16px; margin-bottom: 30px;}
.tine_container:after,.tine_container:before{width:41.66666%}
.tine_margin_std{margin: 5px 5px 5px 5px}
.tine_main{transition:margin-left .4 ;min-width:200px}.tine_round{border-radius:4px}


/* Modal*/
.tine_modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.tine_modal_content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
@media (max-width:600px){.tine_modal_content{margin:0 10px;width:auto!important}.tine_modal{padding-top:30px}}
@media (max-width:768px){.tine_modal_content{width:500px}.tine_modal{padding-top:50px}}
.tine_animate_zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.tine_center{text-align:center!important}
.tine_transparent{background-color:transparent!important}
.tine_padding_64{padding-top:64px!important;padding-bottom:64px!important}
.tine_image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}

* {box-sizing:border-box}


/* Images*/
.image_highlighting {opacity: 0.8;}
.image_highlighting:hover {opacity:1; cursor:pointer;}
.image_container,.image-container-top {float:left;width:100%}
.image_container img{

  max-width: 100%;
  object-fit: contain
}
.image_margin{margin: 40px 40px 40px 40px}