body{
    background: #fff;
    color: #564F49;
    font-family: "museo-sans",sans-serif;
    overflow-X: hidden;
}

.holder{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.center{
    text-align: center;
}

.tright{
    text-align: right;
}

.row{
    margin: 0 -55px;
}

[class^="col-"]{
    padding-left: 55px;
    padding-right: 55px;
}

h1, h2{
    color: #0056a4;
    font-weight: 100;
    font-size: 50px;
}

p,
#aktuelles-termine div.empty,
.content ul li{
    font-size: 18px;
    line-height: 24px;
}

.content ul{
    padding-left: 20px;
}

p strong{
    font-size: 22px;
    line-height: 30px;
}

a:hover{
    text-decoration: none;
}

p a{
    text-decoration: underline;
}

a.button{
    background: #4B84B9;
    color: #fff;
    padding: 10px 20px;
    min-width: 200px;
    display: inline-block;
    border-radius: 20px;
    margin: 20px auto 0 auto;
    text-decoration: none;
}

a.bbutton{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA+CAMAAAB5jTkQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABsFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABbV5hmAAAAjnRSTlMADLdAtPVIOO/5UDHr+1kq5/xiJuH+ayDddhrXgBbQiRLKlAEOw50DCrumBAizrwaqo78CmcYQkM0UhtQYetkecd8iZ/3lKF3oLlXtNEz38DxE9EM98Us27lMw6VwpZiPgb9p5LzWF1RmOzpjHosANuAewuqgFwqARyZbPi9aCH9x3JWzmZFo3UbX2SrlCBtaD5QAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAGNSURBVEjHhdVpI1VRFMbxY7jlkjhyIlJxca8iRGkyT2W8RDLPGSpziQaVKOL/mdu+wLP269+Lvfda61leQmKSZ5xkQpcMcjmFcKph0q6QftUwGZn4WYa5lk1w3TA5uXDDMHn5cNMwBbfgtmHuFEJRRJviEiiNahMrg7v3tCmvgPuV2lRWQWJMm2g1PEjQpqYWHj7SJlIHj58YH/QUnj03TD00NBqmKaC5xTCtbbR3GKbT58VLw3SF6e4xTG8f/XHDDIQYfGWYoWH6Xhtm5A3hUcOMjeNPGGaynbYpw0zPEMwapnEO5g3SAPVStDQTNEnR4a7bKsWCe3SnFIvdhLukiLsC9ErhyhgakMI1w3BcilHXUotSTPiMj0kx5dp7UorZgJlpKeZhTo/aW1haViCyAqty7GvewXsZHtEPsLauxEWQbcgg23RxuCXjMLYNOx+VKP4EuzKaP+/Bvgz4gi/wVYq8b/BdAe/gB/yU4pdbfIdSZPzGP5LiYgkfS/HHrfK/UngnnP7Twls/OzfEf5J6aoe4VKdZAAAAAElFTkSuQmCC) no-repeat right 30px center;
    width: 100%;
    padding: 20px 90px 20px 30px;
    border-radius: 30px 0 50px 0;
    color: #fff;
    font-size: 36px;
    display: block;
    line-height: 36px;
    font-weight: 100;
    text-decoration: none;
}

a.bbutton.blue{
    background-color: #0056a4;
    transition: background-color .5s;
}

a.bbutton.blue:hover{
    background-color: rgba(0,86,164,0.8);
    transition: background-color .5s;
}

a.bbutton.orange{
    background-color: #EB5B1C;
    transition: background-color .5s;
}

a.bbutton.orange:hover{
    background-color: rgba(235,91,28,0.8);
    transition: background-color .5s;
}

a.bbutton.green{
    background-color: #018D36;
    transition: background-color .5s;
}

a.bbutton.green:hover{
    background-color: rgba(1,141,54,0.8);
    transition: background-color .5s;
}

.container{
    position: relative;
    width: 1600px;
}

header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.head-top{
    background: #fff;
    position: relative;
    padding-top: 50px;
    max-height: 80px;
    z-index: 3;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header.scrolled .head-top{
    padding: 15px 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.head-top .icon-nav{
    position:relative;
    float: left;
}

.head-top .icon-nav a{
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: block;
    margin-right: 30px;
    float: left;
}

.head-top .icon-nav a.home{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABwlBMVEUAAABVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0kAAABoJnsWAAAAlHRSTlMADklzjJmNd00TA1a6/P3BYQZH2fnDkWZxwuBVB5faaA/RqQ2+93IEAmPxzhe94i8j19KY4x4VrwH2PI6kCB/tX9j+rM+7EekLVy3qvKPVHdBvpgWK5CxP0xD4RCjb6DnsP+skS8A9cEPuXPBUdY9S+oJBbXinLlullmkcsccWsnZaZU5YxL/dtssg9SIYZ2CqkOEUdZeFEQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAHrSURBVCjPjVNnWxNBEJ6EFHIBkwiYgFEiLQYsGCkH8aRIC6IGMIKxgEpEDE0U7GKDiF14fzC7e4Xjgs/DfNmZeWd2OtEe2exFDqfLXeyhA0jylpRCpSM+f8AKHy0DyiuOFQVDjkpmV3V8Hxo+AZysjmiSx38KqKk1Ba5DfUPUZH861oimM7oUOItz5y3xmi8grv93ES2tBfm2xdEuC86ODtW7s5mkxCVFM7jchW7+RnvQoCp648qVvv6KAc2gG4ND7EmiTE1tGFd9I7bAtes3tCRTGGXPCIKk4RgLjIflm+lbqmICk0S3SzM2VbwDl3z33v0pGp1+IBTRh3hEM8iq8OOuWXoyB2Sekjc3L1Q1iNECFgW/1Jik6mXe/t5n8sr0c657AQclEBK1za1ICW0+WFXW0vyHl3hFr/GG48rb8Xcw6H3kA29/MdZ1f6IpmCgpVNz/oxafOpm6I8gozZhPpMc38ud4jjNxA+f5G/UX4qJ+1r/P/8G/8P7RV/RIB+Mbov9sfqIC22Y+n+LMt3x+67twFPNj8/9h3R5t/v5D7Q+F2f4NW+Cfpv2jSBb1IfP+yrEc+n7tyYqT7f9v3d7zJwX8rd33n53dT8b3LxScdWTZ/Wx7rflIyX7j/ioL70+kMeN2ORfdEzsm3S7DvKNkS3IbBAAAAABJRU5ErkJggg==);
}

.head-top .icon-nav a.phone{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABsFBMVEUAAABVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0kAAABHP6jdAAAAjnRSTlMAKl2Bk5iHaj8IHo7k961JARaR+eOobGZ6mc78zUBR7fiaNRl04v4HeLQgfL8PbzHGClUd3KZwCUMkJvBcm7ppaGPpDPstAs9zg6PJS9rU3sLmFfEFchyfxOtxa1q7TZYDdkInBMNORN1WtuzloRgR+iI9/Yict4slbjDHswZ7wVLuNBengB+uSitegpSJc2XnxAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAHFSURBVCjPdVP5QxJBFH4KaqLJSnIFq1vKchSalYJRQmpIkRadKlbYReWRlt13qdn1/c3OLLvL7JLvl3lvvjcz3/feGyLBmpodzpbWtgPt9B9zdXRCt4NdbsmGdnsOAT1eh88fCB4OAWHZAvf2QTly1Ij6ByJQPdE6HFMRT4j50WMKjidNGKFBO52hCE4M65eroZONfE+dxkiNWh9G+ZpKj1kSzmRwlq/nMM6XbAZKzpJwHhOTRImp0AUWuDXlvSKen0aB6CIu8UDW8KLlgsuYIZqFVgrpCsevWvB8CXQN129owU0Gl25ZNdwGu3eu5k/OAws2jWXQoq6SyAfcsbXlLiiLe3pQKQJLVvy+eJ4eZKD6ufNQOC/jkZn+eApwpqja+aQsGe+b/Lk9ZUNQeqYyJV0Vnb+hv2bVZWOG0lz/Cnj9VgVGa94arDzXaj7D67++IXJ+EX/J8E3uzvH60yvErarWcq/f8Oebtf7x/jdMD7e3ev/3nx+v7rL5e2eH30fwYdgIAio+ukT002cFX5L1+Os3KMHvJsECm39nVDzwQ/s/W9tt/lhLmP2fadn+4E7Hivn/fu5K1GjSr99//gb/leVUfW8PQ1J+xmZqGR0AAAAASUVORK5CYII=);
    cursor: pointer;
}

.head-top .icon-nav a.phone span.num{
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 31px;
    line-height: 31px;
    background: #fff;
    font-size: 22px;
    border: 1px solid #4B84B9;
    display: none;
    text-align: left;
    padding-left: 35px;
    border-radius: 15px 0 0 15px;
}

.head-top .icon-nav a.phone span.num:after{
    content: 'x';
    position: absolute;
    right: -20px;
    top: -5px;
    width: 39px;
    height: 39px;
    line-height: 36px;
    border-radius: 50%;
    background: #4B84B9;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.head-top .icon-nav a.mail{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABiVBMVEUAAABVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0kAAAAE7g0NAAAAgXRSTlMAE013jZmMc0kOBmHB/fy7VgNV4HFmkcP52UcNqNEPaNqYBxjP8WQCBHL3v9LXIy/ivQGv0xUe41/uH/UL6dhv0FhPSxq8JOwFgvgQY6mFwHgii8VZj3alW24Jy5swNY6y8y42nV7Jh2mWVyDq69RO6GVwEWDtSi0I8PaqZ5DCFHQxtJAmAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAaVJREFUKM99k/dbAjEMhqvIMcV1qDhOcYK4J+49QREF9164997ff26vBa4imB+uTd5rkzz5Sohmaem6DL1kMJpIEjNbrJngZsvKzknEuXk0bpVkuyG/oBBwFP2ixSVAqSUt6ill5YCzQsOVVaiuqRX+d7nr4FFinlKPhsaEfE3NaDHzbWsb2jv+1NvZBSffedHdk6Shpl4Y1bWvH95kDRMZAy66DGKoNil3OTBMl3aMMHdUp5lhTI3YMU7IBCanGC+EYNNqxDRj8xE/Zvl1mSKfY6EARomEec6DC5MxuhjirYexRJaxwvmqsmZZp7B3Y5NsFUU72CY7SOccu849sn8g+yoOjxBhoWOcaOfVi62nU2eRc7qJxM9L0GkcuLCxJRLPH69fLD/KPbT+CVy4UnDWP7nEFePXInerkRu00O8tFhm/CwqmTiRnACE+v1CK+TlY5ns8pJj/I9fPTgr96AX9BRPwE9Xfc8yh+n3xt4rSkF8RUDS/+A0Yuo/r/53qX//8675s9f0EpFu7/GGdoe/HmFiP2fL53/tT7WtEF9ZnfD8KickPB7uPIuyT5OMAAAAASUVORK5CYII=);
}

.head-top .icon-nav a.login{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABfVBMVEUAAABVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0kAAAD0DWCkAAAAfXRSTlMAE013jZmMc0kOBmHB/fy7VgNV4HFmkcP52UcNqNEPaNqYBxjP8WQCBHL3v9LXIy/ivQGv0xUWMx7jX+4fMcIy9QvpO/bo5thv0NuHWE9AzLwk7AX4EGOpV6W3wEt4j3ZbjrJplt3rrdROZXDFN1k0RGDtSiItCPCqZ5AUdDKgFxcAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABv0lEQVQoz31T518aQRBdRU48sKCgYsFgwVPQBGLsokYC9g6KYG9JjL2X97+7e3O6d/w078NNeXszs7tvGZMoKLQV2ZViRwn7AKrTVQpCWXmFO5+urOJ5l+LxFlfX1AK+Ogtb3wA0OguMyN/0BQg0S7qlFW3BdtN6raMTIf9b5A+jqzuv39dviKjkRr+j54eR7u3rNbz+AQTIG8TQMHkjMT59bNSoMAaHsOM/MUiZiTh+RRKIT1DoQVLjZhJTNJp7GjMa02YwrdGQPsxy04M5Wj+PhaiwC5inhBeLjC1heYXCIBTdKghSomS1LMXSWKNdrGew4RXYQGZdL8SyyPHVm0Z1M6jDFrZZBju6n7PwOWMHu2wPhSZ+arfVxO/jwPp/WGVq2Pq/ApvkxYkGJC/6v82v84cpljqUfIjbJRxpsn/iOCH76/tnv/Hnk/n/IsK/J/gnglMLfyruI4kzuj9h2PmFxDlN79M7X+Jq+ANB8/u/ppPfk/qR4Pqxm/R3k0ffcv3dmfR7n46a9euJI+uXcf0DP/rLd/0/cv3b7yz1KsT7ySonXs+Ta5W/H0f+PKoz9r/3J/A8Z9uyF71cmxqzV9aUnXCzhLDDAAAAAElFTkSuQmCC);
}

.head-top .icon-nav a.menu{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABfVBMVEUAAABVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0lVT0kAAAD0DWCkAAAAfXRSTlMAEEpzi5mPelUcB2LB/dN4EgFg5PeRZnCJs+/0gQkXuM5dDANItP7XMCjf6Vk40UskxBgInPlGCtS3ivAmlKfJLvzgZauaQkQ5BPsZd7GdpGcv3TT46hUNUg/SsKyMOiumC/HlKejQTbrNXEfYMfbAcm6Hsu6C1RMRjZB/V3nIPscAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABbUlEQVQoz4VTV1vCQBA8QRDpEY0iEhUQBCkiIigW7A0L2HtBxd67zn/3gCAQQ5yH3G72u5vZRkgRVTJ5tUJZo6olIlBrtDrw0BuMgihTZwLqtQ1ytrHJ3AxYWqylYa4VaGu38Z7d0eGEq7MYdnvQ5WVKL/j8sAQKTrcJwR4BYagX4b68GYmiP/RX8ABigzljCNGISELMMEbs9IzrRuNiCRPbGMbpMYFJ+rVOTZdhhv5TwTNLuLnwPLUTEMBHGVwIEBYL2ceMGrYM3iy1AYtkCcukEpJIET9WKsbtq06yhvWsubGpKoMsV84USAxbRExfNgGyjX/v/8cvpT9O9bPYkcyf1o+Tqh/ZxZ5I/fcZvv4kqQsfSPWP9l8v2v/DfP/JUaX5OXbz85dGkBNE1XT+HAXnxINTwfyewZIputw5cHH5O/9XZieub8rEaNLA7Z3ynn14fHqm+/NiFRKW7N+r4U0s4fdM4kPx+fVdur8/frp2kBHzYgoAAAAASUVORK5CYII=);
    cursor: pointer;
}


.head-top .icon-nav a.menu.open{
    background: url(/files/templates/images/icon-close.png);
}



.head-top .icon-nav a:hover{
    color: #337ab7;
}

.head-top a.logo{
    bottom: -28px;
    display: block;
    height: 94px;
    left: 50%;
    margin-left: -163px;
    position: absolute;
    width: 327px;
    background: url(/files/templates/images/logo-multitherm-head.png);
    background-size: 100% auto;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header.scrolled .head-top a.logo{
    bottom: -5px;
    width: 130px;
    height: 37px;
    margin-left: -65px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.head-top .nav-right{
    float: right;
}

.head-top .nav-right ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.head-top .nav-right ul li{
    float: left;
    color: #535049;
    margin-left: 20px;
    font-size: 18px;
    line-height: 31px;
}

.head-top .nav-right ul li:after{
    content: " »";
}

.head-top .nav-right ul li a,
.head-top .nav-right ul li.active{
    color: #535049;
}

.head-top .nav-right .icon-nav{
    display:none;
}


.head-bow{
    background: #fff none repeat scroll 0 0;
    border-radius: 50% / 45px;
    height: 90px;
    position: relative;
    margin-top: -50px;
    width: 120%;
    margin-left: -10%;
    z-index: 2;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header.scrolled .head-bow{
    margin-top: -100px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.head-nav{
    background: #4b84b9;
    height: 140px;
    margin-top: -50px;
    padding-top: 85px;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header.scrolled .head-nav{
    height: 110px;
    padding-top: 72px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.head-nav nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.head-nav nav{
    overflow: visible;
}

.head-nav nav ul li{
    color: #fff;
    text-transform: uppercase;
    float: left;
    font-size: 20px;
    margin-right: 90px;
}

.head-nav nav ul li a,
.head-nav nav ul li.active{
    color: #fff;
    position: relative;
}

.head-nav nav ul li a:after{
    content: '';
    background: rgba(255, 255, 255, 0.5);
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 120%;
    transform: translateY(10px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    width: 100%;
}

header.scrolled .head-nav nav ul li a:after{
    height: 3px;
    top: 105%;
}

.head-nav nav ul li a:hover:after,
.head-nav nav ul li a:focus:after{
    opacity: 1;
    transform: translateY(0px);
}


.head-nav a.thermia{
    position: absolute;
    bottom: -5px;
    right: 15px;
    width: 60px;
    height: 60px;
    background: url(/files/templates/images/icon-thermia-online.png);
    background-size: 100% auto;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header.scrolled .head-nav a.thermia{
    width: 40px;
    height: 40px;
    bottom: -4px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.mmenu{
    width: 100%;
    position: absolute;
    background: #4b84b9;
    top: 125px;
    left: 0;
    z-index: 0;
    padding-bottom: 20px;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.mmenu.scrolled{
    position: fixed;
    top: 60px;
}


.mmenu.open{
    opacity: 1;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 15;
}

.mmenu .container{
    padding-left: 7%;
}

.mmenu [class^="col-"]{
    padding-left: 35px;
    padding-right: 35px;
}

.mmenu a.hpoint,
.mmenu .rnav ul li a,
.mmenu .rnav ul li.active{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0 0 0;
    display: inline-block;
}

.mmenu a.hpoint:before,
.mmenu .rnav ul li a:before,
.mmenu .rnav ul li.active:before{
    content: '› ';
    width: 10px;
    display: inline-block;
}

.mmenu .rnav ul{
    margin: 0;
}

.mmenu .rnav ul li.first{
    margin-top: 20px;
}

.mmenu .rnav ul li a,
.mmenu .rnav ul li.active{
    margin: 0;
}

.mmenu .tl{
    border-top: 1px solid #fff;
    margin-top: 15px;
    display: block;
}

.mmenu ul{
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}

.mmenu ul li{
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0;
}

.mmenu ul li a,
.mmenu ul li.active{
    color: #fff;
}

.mmenu a.thermia{
    width: 60px;
    height: 60px;
    background: url(/files/templates/images/icon-thermia-online.png);
    display: block;
    margin-top: 30px;
}

.bg-cont{
    position: relative;
    margin-top: 210px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.bg-cont.scrolled{
    margin-top: 111px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.bg-cont img.bg{
    display: block;
    margin: 0 auto;
}

.bg-cont .container.absolute{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

.bg-cont .container.absolute .container{
    height: 100%;
}

.bg-cont .mt{
    background: #EB5B1C;
    border: 5px solid #fff;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 42%;
    left: 15px;
    color: #fff;
    text-align: center;
    padding: 60px 40px 0 40px;
}

.ct .r-kontakt{
    background: #eb5b1c none repeat scroll 0 0;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 300px;
    left: 50px;
    padding: 60px 40px 0;
    position: absolute;
    text-align: center;
    top: 8%;
    width: 300px;
}

.bg-cont .mt h3,
.r-kontakt h3{
    font-size: 36px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.bg-cont .mt p,
.r-kontakt p{
    font-size: 24px;
    line-height: 30px;
}

.bg-cont .mt p {
    font-size: 22px;
    line-height: 28px;
}

.r-kontakt p span.light{
    font-size: 22px;
    display: block;
    color: #F6B9A6;
}

.r-kontakt span.icon-phone{
    background: url(/files/templates/images/icon-phone.png);
    width: 30px;
    height: 28px;
    display: block;
    margin: -10px auto 0 auto;
}

.bg-cont .maskottchen{
    width: 273px;
    height: 282px;
    background: url(/files/templates/images/elch.png);
    position: absolute;
    bottom: 93%;
    left: 11%;
}

.bg-cont .maskottchen.page{
    bottom: -55px;
}

.bg-cont .mt a.r-more{
    position: absolute;
    bottom: -30px;
    right: -50px;
    width: 110px;
    height: 110px;
    background: #564F49;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 50px;
    line-height: 95px;
    transition: background .5s;
}

.bg-cont .mt a.r-more:hover{
    background: #6c6660;
    transition: background .5s;
}

.bg-cont .text{
    width: 590px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -295px;
}

.loesungen{
    margin: 70px auto 40px auto;
}

.loesungen .img-holder{
    border-radius: 50%;
    margin: -5px 0 -25px;
    overflow: hidden;
    padding: 40px 0 60px;
}

.loesungen img{
    width: 100%;
    height: auto;
    background: #cdcdcd;
    display: block;
}

.loesungen p{
    text-align: center;
}

.ct{
    box-shadow: 0 7px 10px -10px #564f49 inset;
    overflow: hidden;
    padding-bottom: 70px;
}

.ct h4,
span.h4{
    margin-top: 70px;
    position: relative;
    text-transform: uppercase;
    color: #CBBCB7;
    padding-top: 25px;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500;
}

.ct h4:before,
span.h4:before{
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAAAbCAMAAABWf2FxAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABwlBMVEUAAADLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLfLvLcAAABbT6+rAAAAlHRSTlMAByxSbYabsMDP0Mm6qpV7ZkMdAQxBd6zf/fXOmGMCNn3D/O2pYhw6k+bIcxoY4P69VQU5rfvohBVI9x48xvra7Cau7o5pRg4DFzFTdZ/xCID55KBgIwZ4udxEP9nWfwpPnaQUiu+RMrfnRyfVZI3zkFHKUBAbg4cJ8nEEq10PSdNYmr9MH4jR9qI1X55yPRZU4w0gTLtPJgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAHgSURBVEjHY2AgFjAyMbOwsrFzcHBycXPw8PLxCwgKCROtmyggIiomLiE5BRNIScvIMslRxQ45eQVFpSn4gLKKqhqFlgira2hOIQZoaeuQb4uugh5RloCBvoGhEVm2GJuYEm8LGJiZW5BsiyUHiZaAgZWGNUm22NjiMslOU8+eS0/PAae8BvF+cnTCYoCzgYurm6M7TI2Hp5e3jy8nlqD14/cnyhbGgEB0rUHBIaHYFYcZh0dYoSuPjCLCmugYNF2xcV74s318QqIfmp6kZAK2hKXoo2hITUsnJgz8DTNQ9WVm4VWfLY2iOic3nuhIDc3LR9FbwIhbbSGK0qJi0orJkjiUVMhdikOdXBmyMntv0gvjknLkNGFmg1VRBXJqrqyqJtkWEFCrQc5LtVhU1CkiqTApJdkGGKiXQDJHG9MhDQhZ5UaybQECkSYki1zQAt8iByHXTL5nIKDFGWFYCqo1SL4p96DQGgaG1iKEcW1I4nXtcOEOb4ptAQLGToRFAXBRowhEWuyihjXAilgBYVE3TLAHUQKGUmI4ClCFt1vsoMVqL6LIpLQ9gQwa7eCFJNj1ffDWTGQ/Fa1hYJgA9xFXBbCxAW/QTKSmb0AgBB5QPQwMkybDQB2VrWFgKIWbLQwAYGXWfd1HDBwAAAAASUVORK5CYII=);
    width: 103px;
    height: 27px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -51px;
}

.ct a.r-more{
    position: absolute;
    bottom: -30px;
    right: 8%;
    width: 140px;
    height: 140px;
    background: #564F49;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 130px;
    text-align: center;
    transition: background .5s;
}

.ct a.r-more:hover{
    background: #6c6660;
    transition: background .5s;
}

.ct .round-img-holder{
    border-radius: 50%;
    margin: 70px 0 0 0;
    overflow: hidden;
    padding: 0;
    float: right;
    width: 83.5%;
    height: auto;
    position: relative;
}

.ct .round-img-holder.itop{
    margin: -15% 0 0;
}

.ct .round-img-holder.orange{
    margin-top: 160px;
}

.ct .round-img-holder:before{
    content: '';
    display: block;
    padding-top: 100%;
}

.ct .round-img-holder img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #cdcdcd;
    display: block;
}

.ct.full{
    text-align: center;
    position: relative;
    padding: 0 0 40px 0;
}

.ct.full img{
    position: relative;
    z-index: -1;
}

.ct.full .img-right{
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.ct p{
    margin-bottom: 30px;
}

.anfahrt{
    width: 1420px;
    padding: 30px 15px;
}

.anfahrt img{
    margin-top: 30px;
    border: 1px solid #fff;
    box-shadow: 0 0 10px 0 #cdcdcd;
}

.anfahrt .b-left,
.anfahrt .b-right{
    margin-top: 50px;
    padding-bottom: 50px;
}

.anfahrt .b-left{
    border-right: 1px solid #cdcdcd;
}

footer{
    margin-top: 50px;
    background: #4B84B9;
}

footer .social{
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    text-align: center;
}

footer .social a{
    width: 86px;
    height: 86px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 10px;
    border: 3px solid #fff;
}

footer .social a.facebook{
    background: url(/files/templates/images/icon-facebook.png);
}

footer .social a.googleplus{
    background: url(/files/templates/images/icon-google-plus.png);
}

footer .social a.twitter{
    background: url(/files/templates/images/icon-twitter.png);
}

footer .social a.youtube{
    background: url(/files/templates/images/icon-youtube.png);
}

footer .footer-nav{
    padding: 50px 0;
    display: inline-block;
    width: 100%;
}

footer nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 100%;
}

footer nav ul li{
    display: inline-block;
    margin: 0 15px;
    font-size: 20px;
    color: #fff;
}

footer nav ul li a{
    color: #fff;
}

footer nav ul li a:hover,
footer nav ul li.active{
    color: #fff;
    text-decoration: underline;
}

.copy{
    background: #564F49;
    text-align: center;
    color: #cdcdcd;
    padding: 10px 0;
    font-size: 16px;
}

.ce_form,
.mod_login{
    overflow: visible;
}

span.mandatory{
    color: #CB0102;
}

form label,
form legend{
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 100;
    border: none;
}

form input,
form textarea{
    width: 100%;
    border-radius: 20px;
    border: 2px solid #CECECE;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 100;
    margin: 5px 0 15px;
}

form fieldset.radio_container input{
    display: inline-block;
    width: auto;
}

form fieldset.radio_container label{
    display: inline-block;
    margin: 0 50px 20px 10px;
}

form fieldset.checkbox_container input {
    float: left;
    width: auto;
}

form fieldset.checkbox_container label {
    width: calc(100% - 35px);
    float: right;
}

form .submit_container .info{
    float: left;
    margin-top: 20px;
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
}

form input.submit{
    background: #4B84B9;
    color: #fff;
    padding: 10px 20px;
    min-width: 200px;
    display: inline-block;
    border-radius: 20px;
    margin: 20px auto 0 auto;
    border: none;
    width: auto;
    float: right;
    cursor: pointer;
}

form a.button.be{
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

p.error{
    color:#CB0102;
}

/* Map */

#karte__01,
#karte__02 {
    width: 100%;
    height: 480px;
    margin: 2em 0 5em 0;
    border: 1px solid #fff;
    box-shadow: 0 0 10px 0 #cdcdcd;
}

#karte__01 img,
#karte__02 img {
    max-width: none;
}

.map-info {
    width: 250px;
}

.map-info input, .map-info label, .map-info form {
    width: 230px;
}

.map-info input#saddr {
    float: left;
    width: 229px;
}

.map-info input.submit {
    float: right;
    width: 125px;
}

.news-list{
    border-top: 1px solid #CCBDB8;
    padding: 15px 0;
}

.news-list.first{
    border: none;
}

.referenz-element p{
    padding: 10px;
    height: 210px;
    overflow: hidden;
    margin: 0 0 40px 0;
    box-shadow: 0 0 10px 0 #cdcdcd;
}

.referenz-element p img.ref{
    float: left;
    margin-right: 15px;
}

.referenz-element p strong{
    font-size: unset;
    line-height: normal;
    width: 25%;
    display: inline-block;
    vertical-align: top;
}


.referenz-element p span{
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.video-frame{
    clear: both;
    float: none;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
    margin-top: 25px;
    display: inline-block;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

.video-frame iframe{
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.share {
    text-align: center;
    margin: 2em 0;
    padding: 1em 0;
    display:inline-block;
    width: 100%;
}

.share p {
    margin: 0 0 0.5em 0;
    font-weight: bold;
    text-align: center;
}

.share .s-buttons {
    padding: 0 0.5em;
    height: auto;
    display: inline-block;
}

.share .s-buttons a {
    display: block;
    width: 146px;
    height: 54px;
    margin: 0 0.5em 0.5em 0.5em;
    float:left;
    padding-left: 60px;
    border: 2px solid #fff;
    border-radius: 10px;
    line-height: 50px;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    font-size: 16px;
}

.share .s-buttons a span{
    display: block;
    height: 50px;
    left: 5px;
    position: absolute;
    top: 0;
    width: 50px;
}

.share .s-buttons div.part{
    float:left;
}

.share .s-buttons .facebook{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwN2NiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTU4OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #607cb6 0%, #3a5897 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#607cb6), color-stop(100%,#3a5897));
    background: -webkit-linear-gradient(top, #607cb6 0%,#3a5897 100%);
    background: -o-linear-gradient(top, #607cb6 0%,#3a5897 100%);
    background: -ms-linear-gradient(top, #607cb6 0%,#3a5897 100%);
    background: linear-gradient(to bottom, #607cb6 0%,#3a5897 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#607cb6', endColorstr='#3a5897',GradientType=0 );
}


.share .s-buttons .facebook span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1ODIyRUI2NTZEMjExRTVBNEJCQzAxNkRFQzM1RjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1ODIyRUI3NTZEMjExRTVBNEJCQzAxNkRFQzM1RjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU4MjJFQjQ1NkQyMTFFNUE0QkJDMDE2REVDMzVGODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU4MjJFQjU1NkQyMTFFNUE0QkJDMDE2REVDMzVGODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz58MkncAAABwklEQVR42uyaz0sCQRTHd2Nd0BVhCUFQFPpBeAo8dO/QUcFrdCro2Ln+goLo0qlz0KlDoB76A0LoHHhJcQ/BXqQtdBNW1u07QiAyhrBOTMt78GXk+djho/Od9w6rBkGgRCFWlIgEgRAIgRAIgRBImNBEPrxer6tYDqBDaBsyIRfyoB70Br1AF+Vy2ZYSBBA6lvtcLlfJ5/NKKpVSYrGY4vu+MR6PDc/zzOFwuNnv93fb7fZl6A3ZrCVCjUbjxrbtYIH4WMZ+QiBqtdqaZVn+IhT4Z5rL2FOI2ROJxB6O00LPHgwGLWnNnk6nt1RV5X31CZ1ATYgVrMMjjmmacoIkk8lVXn40Gl3D8LdTqVd2EUjbR3Rd5/5A3W736181xDnHil291Nn/zCNogPvMHuxzqVTamFO2g7rjmVwLXf1JGpBsNnuuadrEuYZhcGtwO1ULhUJ1Oodb6wqLPCDFYlGJx+O/1mQymYmmo9Pp9CLhEXT2yIC8y9bZz37MjjhixubUPECPM03yeSm7ixgaHce54w2ImIZPRU3bQo6W67rcPACpIRIIgRAIgRAIgRAIgRAIgYQOld58IBACIRACIZAQ8S3AADP5PiOKPGTfAAAAAElFTkSuQmCC) no-repeat left center;
 }

.share .s-buttons .google{
    background: #df3912;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmMzkxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNzIzMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #df3912 0%, #b72317 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df3912), color-stop(100%,#b72317));
    background: -webkit-linear-gradient(top, #df3912 0%,#b72317 100%);
    background: -o-linear-gradient(top, #df3912 0%,#b72317 100%);
    background: -ms-linear-gradient(top, #df3912 0%,#b72317 100%);
    background: linear-gradient(to bottom, #df3912 0%,#b72317 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df3912', endColorstr='#b72317',GradientType=0 );
}

.share .s-buttons .google span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI0Q0JCODY3NTZEMjExRTVBMDk2RjhCQzVDRUEwRTFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI0Q0JCODY4NTZEMjExRTVBMDk2RjhCQzVDRUEwRTFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjRDQkI4NjU1NkQyMTFFNUEwOTZGOEJDNUNFQTBFMUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjRDQkI4NjY1NkQyMTFFNUEwOTZGOEJDNUNFQTBFMUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77qNNCAAAFNElEQVR42uxZa0xbZRj+eriWOy2F1XKRyx9lwoQ6MMxkUYzOSPZD/xhjvPxQEzezGI26P9PNZL+WOLMtZttvNMZoMqIxahqlhJSLZhhYLBQCG6MQLiuUW1soPm/twcPhHHp6x+V8yZP26/l6ep7vfd/nfd+vmq2tLXY/DI7dJ0MlohJRiahEVCIqkWhGarQ36OjoSCqBtra2yIjgwcmKjwJm4EFAB3iAGeAWYAXm9q1FQMCEl1MajeblvLw8Y0FBAcvKymJpaWnM7/czj8fD3G43W1hY8Hu9XgvWXgZuAP59QQQE0vByOjMz88OqqiqtyWRieC+7HkUoNzc31zo+Pt46MzPTi/lb+PhmUomAhJHjuO9qamqaAZaSkhLyhrAYMxgMAbhcrsMDAwO2paWld3HpajyJaOTKeJAoxc7/bjabqwoLCyP+AXK7wcHB8YmJCYorV7yCnZMhkQ0SP7a0tERFIvADHHcL1jyCWHIl3LXgQl80NTU9QsEsM1zBQCaFctJXgHraIOAxwbo+CMAxm8027/P5wn02CsQHBPNpYFUxEVijpb6+/nUok9T6TeAiHuocv8O9vb2BuMD6GyUlJeegZkeD8TCJGDne09PjhopFYkkzvMLKz6GKz29ubv6gmIhOpztTXl6ukVjrRTy9iIfuIMnlB5Tp3+2anmbDw8NMr9f/ho1oXFtb8/X19a1vbGxE5Cok73Dt7TltGP9bIYnAGtXNzc2tMkF7ErsUMo3Pz8+zzs5ONwU5ISm1VnZ29guQTSlrdEN5rim9KVkhkSR2WcRoNB6RWoRsfaGurk7uuKUG+CCC3z4L3BXMXwPSRfcVjmcBk+izq5JEEB8HpTZ4bGzsJ1yTfBpY8UB1dfWb4bJAPF1aX1/fJlJWVvY5XDdfcN8d6+EpJ8QVBXKTNJHc3FyDRMkxjaQoK3sZGRmsoqIibHOghGEgsj2vra1lQhERj8rKyl2fgYh0jKSnp2vFiyF79/53/QgS4WKwLP9Pc71ew15FYgzH0WBi5cch4LpgfgroUkQEanMb5tWJXOcAZLkCNc1EPFl0d3ffpMTKj/z8fC3y0fZ8aGjIAWn/QxERJLE/QeSQOAa0Wu0rePuZzD0GgadlruUC38iUQjtqL1TI4jJpx3xlZYUtLi4qcy2UFL+g1HhDvKi0tPQ9WOUKrLIgvoZayoVa6leZmu1TCEWqcKd50UKZcyduCRENEWXuZfEiyGshLNUOMrsaEioGZ2dnpfAk3ONjCRK0u+2wfsi8CtwTwKeYSENDwwri5EvxIpLFxsbGZ/BQX4FMjoINOlZUVPQ9yncpPV2dnJwM2WRB9m3YJB0PVAo/h9VYjY6O6mEBO97qxYunpqYYOr7bIPsJpl/D1dZEpygPA+8XFxe/CuJcauru0EAFe9ZisZwR5pBYNFaSHSIk9yXklHapL5JL2O12IrWKh/or2CdQafEQEmolNoFiikm5FMYAMnoTvu+JdYeo2eMfq/PAR3IXQSKgNHR6gtKC5eTksD0asUClj/VPWK1WRywLypDnWg6H4zR8nOTzHRlFYmG0wXdB+Kn+/n5HvKpi2SNTkCBTnQBOAtE4tAXx8DgSnp1yQUL6EZlxCbtYF+zRw/nnlCqBt+mMq6ur687y8nLyTxoRAyN4OU4BDVCWfw44KKqNAq0L0EnZHKLw7cjIiE9YoSblXEuBzmdAmai25huHKei9k1pdkmmn05mQLjHiQ2zBiSJJ6N/oz/lyn8UqNyTUIvttqP9YqURUIioRlYhKJJrxjwADANzjOKwmvS5vAAAAAElFTkSuQmCC) no-repeat left center;
    }

.share .s-buttons .twitter{
    background: #46a8e8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOThiYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #46a8e8 0%, #398bc5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46a8e8), color-stop(100%,#398bc5));
    background: -webkit-linear-gradient(top, #46a8e8 0%,#398bc5 100%);
    background: -o-linear-gradient(top, #46a8e8 0%,#398bc5 100%);
    background: -ms-linear-gradient(top, #46a8e8 0%,#398bc5 100%);
    background: linear-gradient(to bottom, #46a8e8 0%,#398bc5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a8e8', endColorstr='#398bc5',GradientType=0 );
}

.share .s-buttons .twitter span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDRUIwRUZENTZEMjExRTU5OTIyRTQ5RTEyRDRFNjk5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDRUIwRUZFNTZEMjExRTU5OTIyRTQ5RTEyRDRFNjk5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUNFQjBFRkI1NkQyMTFFNTk5MjJFNDlFMTJENEU2OTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUNFQjBFRkM1NkQyMTFFNTk5MjJFNDlFMTJENEU2OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7iVf8iAAADh0lEQVR42uxasU4iURR9brDQgrCBwsaEWNBQ7FjYWOjY2RD1Cxa/wOwXoF+gfoHsF4ixNWG2sbFgNrHRQiahodBASJQETNhzyGBcAjNv5r2BxMxNbhiGmffeufeee+97YWEwGIivIN/EF5EYSAwkBhIDiYHEQFQkoTrA9fV1mNeK0J9Qc+y+Bf1dKBTKU+YqTvstIbFQTlrBAG0NhstCL1dXVw2oSKfT//348vJiNhoNE3Me4esB5nRwncL1PrSEdxx8TgSy4Ndr2bbdajabTr/f35kEJoBHssvLy7WNjY1UMpn0fLDT6Yi7u7v229ubvbi4aK6srIhcLie63e4OwFuBgWCR5u7ubhUDiNvbW3sSGFkgBLG1tWVgYVLPY64hoE9eO4EeY74sPRWI7BjE5MS04ObmJhdR5UBhOAFPSIOg8NlPIKzHx0carQaDnAbOWplM5uN6BIaWpaeCoEBs7/mFk5eQO+TI9va2yOfzh4FDC1Y4RmyWxl2O+OXgJN0vqG8SgDcGjHNFcRBqOzCIE6aOWJNcDs8IwzCKuK4zbqEpjzFSGkDYIP76NBBSWQvSmrZQeqder4unpyde00NXTNVjwFNIGC0VFK4nLKXKjgWeexGSaRELHXoIlr/EbVqm6nqKNchQdcf9/b16ZYfFz7DYPb8FscBRR+SkIhwEVYPYfg/41RHyIAtO2HDtqVuZ5yELSh6BhVmNSw8PD0x7LGrzACHVGiV8qrFNDsxTwFFbppB6kh0gKrIWiUqQsf5o2Y94Za1ZCJKGJUUiyZPGmo40GpIf37XtEFmQZFJgBPwoa93qIvXSMutuKz0zzmCTda4ViFtTTtlKw0qVGeGorK2tOdKFRvY0Hv1U8f39/WJpaemjgkcp2JWuo+WxtQOZMenP3C1CNMdBIP3BDDjiwPsngd+iR4Jor9cz8FkbRCSvr69G0DUNoyrMS64WIwBUDLseFSAjNaGteYKghj5pdE9TSul0mickIsgJyQQ5nHbwFsmR6adTvz10xvvsjBVTcdsFoVybEh6LvhjbSGW5yeJBwkgVxUJxPcSYjpZc5xV3z8/Px9AWlNlEF6Hr5APGFDc3Nzo4OlTfggirpWA1htORYjFk+FxhD19mq4M+anizUChocYgvRwCi7RKx7IYaQf1wQRk+Z2JsMf4SBFqONvQDgPZNffzPhxhIDCQGEgOJgSjIPwEGAID6CgEluMrgAAAAAElFTkSuQmCC) no-repeat left center;

}

.share .s-buttons .whatsapp{
    background: #5fd26a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmZDI2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYWIwM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #5fd26a 0%, #2ab03c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fd26a), color-stop(100%,#2ab03c));
    background: -webkit-linear-gradient(top, #5fd26a 0%,#2ab03c 100%);
    background: -o-linear-gradient(top, #5fd26a 0%,#2ab03c 100%);
    background: -ms-linear-gradient(top, #5fd26a 0%,#2ab03c 100%);
    background: linear-gradient(to bottom, #5fd26a 0%,#2ab03c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd26a', endColorstr='#2ab03c',GradientType=0 );
    display:none;
}

.share .s-buttons .whatsapp span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxQ0Q0RDM3NTZEMjExRTU5MkU1OUU4MTJCMUY5MzM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxQ0Q0RDM4NTZEMjExRTU5MkU1OUU4MTJCMUY5MzM0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTFDRDREMzU1NkQyMTFFNTkyRTU5RTgxMkIxRjkzMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTFDRDREMzY1NkQyMTFFNTkyRTU5RTgxMkIxRjkzMzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5y5YtmAAAIGElEQVR42uya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) no-repeat left center;
}


.produkt-list-element{
    margin-bottom: 40px;
    padding: 20px 0;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

.produkt-list-element h2{
    margin-top: 0;
}

.produkt-list-element a.box{
    float: right;
}

.produkt-list-element img{
    border-radius: 50%;
    display: block;
}

.produkt-list-element ul li,
.produkt-details ul li{
    line-height: 34px;
}

.produkt-list-element h3,
.produkt-details h3{
    margin-bottom: 20px;
}

.produkt-details h3.produkt{
    margin-top: 40px;
}


@media screen and (min-width: 1200px) and (max-width: 1630px){

    .container{
        width: 1170px;
    }

    .row{
        margin: 0 -25px;
    }

    .bg-cont .maskottchen.page{
        background-size: 100% auto;
        width: 240px;
        height: 251px;
    }

    [class^="col-"]{
        padding-left: 25px;
        padding-right: 25px;
    }

    h1, h2{
        color: #0056a4;
        font-weight: 100;
        font-size: 40px;
    }

    p strong{
        font-size: 18px;
        line-height: 24px;
    }

    a.bbutton{
        font-size: 30px;
        line-height: 32px;
    }

    .nav-right nav,
    .head-top .icon-nav a.menu{
        display: none;
    }

    .head-top .icon-nav a.phone span.num{
        width: 100%;
        padding-left: 25px;
    }

    .head-top .nav-right .icon-nav{
        display:block;
    }

    .head-top .nav-right .icon-nav a{
        margin: 0;
        display: block;
    }

    header.scrolled .head-nav a.thermia{
        bottom: -8px;
    }

    .head-nav nav ul li{
        font-size: 18px;
        margin-right: 27px;
    }

    .head-nav a.thermia{
        bottom: -15px;
    }

    .mmenu .container{
        padding-left: 15px;
    }

    .mmenu .container .col-lg-3{
        width: 28%;
    }

    .mmenu .container .col-lg-3.rnav{
        width: 16%;
    }

    .mmenu a.hpoint,
    .mmenu .rnav ul li a,
    .mmenu .rnav ul li.active{
        font-size: 16px;
    }

    .bg-cont .mt{
        width: 250px;
        height: 250px;
        padding-top: 40px;
    }

    .bg-cont .mt p {
        font-size: 20px;
        line-height: 28px
    }

    .ct .r-kontakt{
        width: 250px;
        height: 250px;
        padding: 30px 20px 0;
    }

    .bg-cont .mt h3,
    .ct .r-kontakt h3{
        font-size: 28px;
    }

    .r-kontakt p{
        font-size: 22px;
    }

    .r-kontakt p span.light{
        font-size: 18px;

    }

    .bg-cont .mt .maskottchen{
        background-size: 100% auto;
        width: 225px;
        height: 233px;
        bottom: 91%;
    }

    .bg-cont .mt a.r-more{
        width: 90px;
        height: 90px;
        line-height: 75px;
    }

    .bg-cont .text{
        width: 490px;
        margin-left: -245px;
        bottom: 10px;
    }

    .ct .round-img-holder{
        margin-top: 70px;
    }

    .ct a.r-more{
        width: 120px;
        height: 120px;
        line-height: 110px;
    }


    footer nav ul li{
        font-size: 18px;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .container{
        width: 962px;
    }

    .row{
        margin: 0 -25px;
    }

    .bg-cont{
        margin-top: 140px;
    }

    .bg-cont.scrolled{
        margin-top: 73px;
    }

    header.scrolled .head-nav{
        height: 60px;
    }

    .bg-cont .maskottchen.page{
        background-size: 100% auto;
        width: 220px;
        height: 231px;
    }

    [class^="col-"]{
        padding-left: 25px;
        padding-right: 25px;
    }

    h1, h2{
        color: #0056a4;
        font-weight: 100;
        font-size: 40px;
    }

    p strong{
        font-size: 18px;
        line-height: 24px;
    }

    a.bbutton{
        background-size: auto 40%;
        font-size: 22px;
        line-height: 24px;
        padding: 20px 50px 20px 30px;
    }

    .head-top .icon-nav a{
        margin-right: 15px;
    }

    .nav-right nav,
    .head-top .icon-nav a.menu{
        display: none;
    }

    .head-top .icon-nav a.phone span.num{
        width: 110%;
        font-size: 18px;
        padding-left: 20px;
    }

    .head-top .nav-right .icon-nav{
        display:block;
    }

    .head-top .nav-right .icon-nav a{
        margin: 0;
        display: block;
    }

    .head-top a.logo{
        background-size: 100% auto;
        width: 280px;
        height: 81px;
        margin-left: -140px;
        bottom: -20px;
    }

    .head-nav{
        height: 70px;
        padding-top: 70px;
    }

    .head-nav .container{
        display: none;
    }

    .mmenu .container{
        padding-left: 15px;
    }

    .mmenu .tl.ntop{
        margin-top: -20px;
    }

    .bg-cont .mt{
        width: 210px;
        height: 210px;
        padding: 20px 35px 0;
    }

    .ct .r-kontakt{
        width: 210px;
        height: 210px;
        padding: 20px 20px 0;
    }

    .bg-cont .mt h3,
    .ct .r-kontakt h3{
        font-size: 24px;
    }

    .bg-cont .mt p,
    .r-kontakt p {
        font-size: 18px;
        line-height: 24px;
    }

    .bg-cont .mt p {
        font-size: 16px;
        line-height: 22px
    }


    .r-kontakt p span.light{
        font-size: 18px;
        margin-top: -5px;
    }

    .bg-cont .mt .maskottchen{
        background-size: 100% auto;
        width: 180px;
        height: 185px;
        bottom: 85%;
    }

    .bg-cont .mt a.r-more{
        width: 75px;
        height: 75px;
        line-height: 60px;
    }

    .bg-cont .text{
        width: 490px;
        margin-left: -245px;
        bottom: 10px;
    }

    .ct .round-img-holder{
        margin-top: 70px;
    }

    .ct a.r-more{
        width: 100px;
        height: 100px;
        line-height: 90px;
    }

    .ct p{
        margin-bottom: 15px;
    }


    .anfahrt{
        text-align: center;
    }

    footer nav ul li{
        font-size: 18px;
    }

    #karte__01,
    #karte__02{
        height: 300px;
    }

    .referenz-element p{
        height: auto;
    }

    .produkt-list-element img{
        width: 300px;
        height: 300px;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .container{
        width: 738px;
    }

    .row{
        margin: 0 -25px;
    }

    .bg-cont{
        margin-top: 116px;
    }

    .bg-cont.scrolled{
        margin-top: 66px;
    }

    header.scrolled .head-nav{
        height: 75px;
    }

    .bg-cont .maskottchen.page{
        background-size: 100% auto;
        width: 150px;
        height: 156px;
        bottom: -32px;
    }

    [class^="col-"]{
        padding-left: 25px;
        padding-right: 25px;
    }

    h1, h2{
        font-size: 40px;
    }

    p,
    #aktuelles-termine div.empty,
    .content ul li{
        font-size: 20px;
        line-height: 24px;
    }

    p strong{
        font-size: 18px;
        line-height: 24px;
    }

    a.bbutton{
        background-size: auto 40%;
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .head-top{
        padding-top: 35px;
    }

    .head-top .icon-nav a{
        margin-right: 15px;
    }

    .nav-right nav,
    .head-top .icon-nav a.menu{
        display: none;
    }

    .head-top .icon-nav a.phone span.num{
        width: 100%;
        font-size: 17px;
        padding-left: 15px;
    }

    .head-top .nav-right .icon-nav{
        display:block;
    }

    .head-top .nav-right .icon-nav a{
        margin: 0;
        display: block;
    }

    .head-top a.logo{
        background-size: 100% auto;
        width: 240px;
        height: 69px;
        margin-left: -120px;
        bottom: -15px;
    }

    .head-bow{
        height: 80px;
    }

    .head-nav{
        height: 70px;
        padding-top: 70px;
    }

    .head-nav .container{
        display: none;
    }

    .mmenu{
        top: 100px;
    }

    .mmenu .container{
        padding-left: 15px;
    }

    .mmenu .tl.ntop{
        margin-top: -20px;
    }

    .bg-cont .mt{
        display: none;
    }

    .bg-cont .text{
        width: 490px;
        margin-left: -245px;
        bottom: -30px;
    }

    .ct{
        text-align: center;
    }

    .ct.full h4{
        margin-top: 15px;
    }

    .ct a.r-more{
        background: #4b84b9 none repeat scroll 0 0;
        border-radius: 20px;
        color: #fff;
        display: inline-block;
        margin: 20px auto 0;
        padding: 10px;
        width: 200px;
        line-height: normal;
        height: auto;
        border: none;
        right: 0;
        bottom: auto;
        position: relative;
    }

    .ct p{
        margin-bottom: 15px;
    }


    footer nav ul li{
        font-size: 18px;
    }

    #karte__01,
    #karte__02{
        height: 260px;
    }

    .referenz-element p{
        height: auto;
        font-size: 16px;
    }

    .referenz-element p strong{
        width: 22%;
    }

    .referenz-element p span{
        width: 47%;
    }

    .produkt-list-element img{
        width: 203px;
        height: 203px;
    }

}

@media screen and (max-width: 767px){

    .container{
        width: 100%;
    }

    h1, h2{
        font-size: 32px;
    }

    p,
    #aktuelles-termine div.empty,
    .content ul li{
        font-size: 20px;
        line-height: 24px;
    }

    p strong{
        font-size: 18px;
        line-height: 24px;
    }

    a.button{
        width: 100%;
    }

    header{
        position: relative;
    }

    .bg-cont{
        margin-top: 0;
    }

    .bg-cont .maskottchen.page{
        display:none;
    }

    .bg-cont .mt p {
        font-size: 16px;
        line-height: 22px;
    }

    .head-top{
        height: auto;
        max-height: none;
        padding: 0 0 70px 0;
    }

    .head-top a.logo{
        background-size: 100% auto;
        bottom: auto;
        height: 69px;
        left: auto;
        margin: 10px auto;
        position: relative;
        width: 240px;
    }

    .head-top .icon-nav{
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background: #4B84B9;
        text-align: right;
        height: 70px;
        font-size: 18px;
        line-height: 24px;
    }

    .head-top .icon-nav a{
        margin: 15px 5px 0 5px;
        float: none;
        display: inline-block;
        width: 42px;
        height: 42px;
        color: #fff;
    }

    .head-top .icon-nav a.thermia{
        width: 70px;
        height: 70px;
        float: left;
        background: url(/files/templates/images/icon-thermia-online.png) no-repeat center center #DE373F;
        border-radius: 0;
        margin: 0;
    }

    .head-top .icon-nav a.home{
        background: url(/files/templates/images/m-icon-home.png);
    }

    .head-top .icon-nav a.phone{
        background: url(/files/templates/images/m-icon-phone.png);
    }

    .head-top .icon-nav a.mail{
        background: url(/files/templates/images/m-icon-mail.png);
    }

    .head-top .icon-nav a.menu{
        background: url(/files/templates/images/m-icon-menue.png);
    }

    .mmenu{
        top: 159px;
        border-top: 1px solid #fff;
        padding-bottom: 0;
    }

    .mmenu .container{
        padding: 0;
    }

    .mmenu [class^="col-"]{
        padding-left: 0;
        padding-right: 0;
    }

    .mmenu .tl{
        display: none;
    }

    .mmenu a.hpoint{
        width: 100%;
        background: #5895CC;
        margin: 0;
        padding: 10px 15px;
        border-bottom: 1px solid #31608A;
        font-weight: 100;
        cursor: pointer;
        line-height: 22px;
    }

    .mmenu a.hpoint:before{
        content: '+';
        width: auto;
        margin-right: 10px;
        font-size: 26px;
        font-weight: 500;
        color: #E4EEF8;
        width: 15px;
        text-align: center;
    }

    .mmenu a.hpoint.open:before{
        content: '-';
    }

    .mmenu ul{
        margin: 0;
    }

    .mmenu ul li,
    .mmenu ul li.first,
    .mmenu .rnav ul li,
    .mmenu .rnav ul li.first{
        margin: 0;
    }

    .mmenu ul li.active,
    .mmenu ul li a,
    .mmenu .rnav ul li.active,
    .mmenu .rnav ul li a{
        display:block;
        padding: 10px 15px;
        line-height: 22px;
        border-bottom: 1px solid #5895CC;
        font-weight: 100;
        background: #31608A;
    }

    .mmenu ul li a:before,
    .mmenu ul li.active:before,
    .mmenu .rnav ul li a:before,
    .mmenu .rnav ul li.active:before{
        content: '';
        display: none;
    }

    .mmenu ul li a:after,
    .mmenu ul li.active:after {
        content: '›';
        float: right;
        font-size: 26px;
        font-weight: 500;
        color: #E4EEF8;
    }

    .mmenu a.hpoint + nav{
        display: none;
    }

    .bg-cont .container.absolute{
        position: relative;
        top: auto;
        left: auto;
    }

    .bg-cont .mt{
        width: 230px;
        height: 230px;
        position: relative;
        left: 0;
        top: -40px;
        padding-top: 30px;
    }

    .bg-cont .mt h3{
        font-size: 24px;
    }

    .bg-cont .mt .maskottchen{
        display:none;
    }

    .bg-cont .mt a.r-more{
        width: 85px;
        height: 85px;
        line-height: 70px;
    }

    .bg-cont .text{
        position: relative;
        width: auto;
        margin: 0;
        left: 0;
        bottom: 0;
    }

    .loesungen{
        margin: 20px 0;
    }

    a.bbutton{
        background-size: auto 40%;
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .ct,
    .ct.full{
        text-align: center;
        padding-bottom: 30px;
    }

    .content{
        text-align: center;
    }

    .content ul{
        text-align: left;
    }

    .ct.full h4{
        margin-top: 15px;
    }

    .ct .round-img-holder{
        margin: 0;
        float: none;
        width: auto;
    }

    .ct a.r-more{
        background: #4b84b9 none repeat scroll 0 0;
        border-radius: 20px;
        color: #fff;
        display: inline-block;
        margin: 20px auto 0;
        padding: 10px;
        width: 100%;
        line-height: normal;
        height: auto;
        border: none;
        right: 0;
        bottom: auto;
        position: relative;
    }

    footer{
        margin-top: 20px;
    }

    footer .social{
        top: -30px;
    }

    footer .social a{
        background-size: 100% auto !important;
        height: 60px;
        margin: 0 1.5%;
        width: 60px;
    }

    .copy{
        background: #4B84B9;
        padding-top: 10px;
    }

    form .submit_container .info{
        text-align: center;
        float: none;
        display: block;
    }

    form input.submit{
        float: none;
        margin: 20px auto 0 auto;
    }

    #karte__01,
    #karte__02{
        height: 260px;
    }

    .referenz-element p{
        height: auto;
    }

    .referenz-element p img.ref{
        float: none;
        margin: 0 auto 15px auto;
        display: block;
    }

    .referenz-element p strong,
    .referenz-element p span{
        display: block;
        width: 100%;
        text-align: center;
    }

    .produkt-list-element,
    .produkt-list-element p.tright {
        text-align: center;
    }

    .produkt-list-element ul{
        text-align: left;
    }

    .produkt-list-element h3{
        margin-top: 20px;
    }

    .produkt-list-element a.box{
        display: inline-block;
        margin: 15px auto 0 auto;
        float: none;
    }

    .produkt-list-element img{
        width: 260px;
        height: 260px;
    }

}