/**
 *  @template       icedout.berlin template.css
 *  @version        see info.php of this template
 *  @author         Internet-Service Berlin
 *  @copyright      Internet-Service Berlin
 *  @license        All rights reserved
 *  @license terms  no use without written permission
 *  @platform       see info.php of this template
 */
 /*
 */
@font-face {font-family: 'fira-sans-light';src: url('../fonts/firasans-light-webfont.woff2') format('woff2'),url('../fonts/firasans-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'fira-sans-semibold';src: url('../fonts/firasans-semibold-webfont.woff2') format('woff2'),url('../fonts/firasans-semibold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'walter-turncoat';src: url('../fonts/walterturncoat-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Font Awesome 5 Solid';font-style: normal;font-weight: 900;font-display: block;src:url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");}
@font-face {font-family: 'Font Awesome 5 Regular';font-style: normal;font-weight: 400;font-display: block;src:url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff");}
html body {background:#d7eefa;font-family:'fira-sans-light',sans-serif;font-size:22px;line-height:26px;font-weight:normal;color:#000;height:100%;}
* {margin:0;padding:0;box-sizing:border-box;}
a, img {border:none;outline:none;}
strong, b {font-family:'fira-sans-semibold',sans-serif;font-weight:normal;}
.slicknav_menu, #menu {display:none;}
.clr {clear:both;height:1px;line-height:1px;font-size:0;background:transparent;}
::placeholder {color:#919191;opacity: 1;}
:-ms-input-placeholder {color:#919191;}
::-ms-input-placeholder {color:#919191;}
.fa,.fas,.far {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.far {font-family: 'Font Awesome 5 Regular';font-weight:400;}
.fas {font-family: 'Font Awesome 5 Solid';font-weight: 900;}
.fa-envelope::before {content: "\f0e0";}
.fa-phone::before {content: "\f095";}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Transitions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a, a:after, input, input::-webkit-file-upload-button, textarea, button, form, p, img, span, li, i, div, header {transition: 0.25s;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
header {position:fixed;top:0;left:0;width:100%;height:360px;background:#fff;box-shadow: 5px 0px 10px rgb(0,0,0,0.16);z-index:999;}
#logo {position:absolute;top:20px;left:50%;margin-left:-150px;width:300px;height:auto;text-align:center;line-height:0;}
#logo img {max-width:100%;width:auto;height:auto;}
nav {position:absolute;bottom:40px;left:50%;margin-left:-800px;width:1600px;display:flex;justify-content:center;font-size:25px;line-height:25px;font-family:'fira-sans-semibold',sans-serif;font-weight:normal;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav ul {list-style:none;z-index:999;display:flex;justify-content:center;position:relative;}
nav ul li {padding:0 0 0 60px;position:relative;}
nav ul li.menu-first {padding:0;}
nav ul li a {display:block;padding:0;font-size:25px;line-height:25px;font-family:'fira-sans-semibold',sans-serif;font-weight:normal;color:#4d5691;text-decoration:none;}
nav ul li a:focus, nav ul li a:hover, nav ul li a:active {color:#88caec;}
nav ul li.menu-current a, nav ul li.menu-parent a {color:#88caec;}
nav ul li.menu-current li a, nav ul li.menu-parent li > a {color:#4d5691;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT FRAME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentframe {width:100%;z-index:9;padding-top:360px;padding-bottom:40px;background:#fff url(../../../media/schneeflocken.webp) center center fixed;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {width:100%;position:relative;}
section {width:100%;margin:0;}
section:nth-of-type(even) {width:1600px;margin:60px auto;}
section:nth-of-type(odd) {background:#d7eefa;color:#4d5691;}
.colframe {width:1600px;margin:0 auto;display:flex;justify-content:center;}
.col {flex:1 1 50%;width:50%;position:relative;padding:60px 120px;}
.col:last-child {flex:1 1 50%;width:50%;position:relative;padding:60px;}
section#row1 {width:100%;margin:0;line-height:0;position:relative;}
section#row1 p {margin:0;}
section#row1 .claim {position:absolute;left:10vw;top:15vw;width:600px;font-family:'fira-sans-semibold',sans-serif;font-weight:normal;font-size:74px;line-height:80px;text-align:center;transform: rotate(-5deg);text-shadow:#fff 0 0 3px,#fff 0 0 7px,#fff 0 0 10px;}
section#row2 .colframe {gap:5%;}
section#row2 .col {flex:1 1 30%;width:30%;padding:0;}
section#row8 .col {flex:1 1 40%;width:40%;position:relative;}
section#row8 .col:last-child {flex:1 1 60%;width:60%;padding:60px 30px;}
section#row3 .col:first-child, section#row5 .col:last-child, section#row7 .col:first-child {padding:0;line-height:0;}
section#row3 .col:last-child, section#row5 .col:first-child, section#row7 .col:last-child {display:flex;flex-direction:column;justify-content:center;}
.postit {background:#f6fbd2;padding:60px;transform: rotate(-3deg);text-align:center;filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));}
.col:nth-of-type(1) .postit {background:#d8fbe3;transform: rotate(-1deg);}
.col:nth-of-type(2) .postit {background:#d7eefa;transform: rotate(3deg);}
section img {max-width:100%;width:auto;height:auto;}
section a:link, section a:visited {font-family:'fira-sans-semibold',sans-serif;font-weight:normal;color:#4d5691;text-decoration:none;}
section a:focus, section a:hover, section a:active {color:#9fd9f7;}
section a.btn_violet:link, section a.btn_violet:visited {font-family:'fira-sans-semibold',sans-serif;font-weight:normal;font-size:25px;line-height:25px;color:#fff;background:#A465B2;text-decoration:none;display:flex;width:360px;height:90px;justify-content:center;align-items:center;margin:0 auto;}
section a.btn_violet:focus, section a.btn_violet:hover, section a.btn_violet:active {background:#824d8e;}
section h1 {font-size:50px;line-height:58px;font-family:'walter-turncoat',sans-serif;font-weight:normal;margin:0 0 30px 0;letter-spacing:2px;}
section h2 {font-size:36px;line-height:40px;font-family:'walter-turncoat',sans-serif;font-weight:normal;margin:0 0 25px 0;letter-spacing:1px;}
section:nth-of-type(odd) h2 {font-size:44px;line-height:48px;font-family:'walter-turncoat',sans-serif;font-weight:normal;margin:0 0 20px 0;}
section p, section ul {margin:0 0 15px 0;}
section .postit p:last-child, section .col p:last-child {margin:0;}
table.hours {width: 100%;border-collapse: collapse;margin: 20px 0;background-color: #d7eefa;}
table.hours th, table.hours td {border: 2px solid #fff;padding: 12px;text-align: center;}
table.hours th {background-color: #4d5691;color:#fff;font-family:'fira-sans-semibold',sans-serif;font-weight:normal;width:11.5%;}
table.hours th:first-child {width:19.5%;}
table.hours td {background-color: #d7eefa;}
.row-header {font-family:'fira-sans-semibold',sans-serif;font-weight:normal;text-align: left;}
.embed-container {position: relative; padding-bottom: 75%;height: 0; overflow: hidden; width: 100%;height: auto;}
.embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;border:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ COOKIES ~~~~~~~~~~~~~~~~~~~~~~ */
.cc-revoke, .cc-revoke > *, .cc-animate.cc-revoke.cc-bottom {display:none !important;/*hide*/}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer {width:100%;background:#d7eefa;position:relative;color:#4d5691;white-space:nowrap;}
#footerframe {width:1600px;margin:0 auto;display:flex;padding:45px 0 150px;justify-content:space-between;position:relative;}
.footerlogo {flex:0 0 296px;width:296px;padding:0 50px 0 0;position:relative;}
.footerlogo img {max-width:100%;width:auto;height:auto;}
.footerinfo {flex:1 1 32%;width:32%;padding:41px 50px 0 0;}
.footerinfo a:link, .footerinfo a:visited {font-family:'fira-sans-light',sans-serif;font-weight:normal;color:#4d5691;text-decoration:none;}
.footerinfo a:focus, .footerinfo a:hover, .footerinfo a:active {color:#88caec;}
.footerinfo p {margin:0 0 32px 0;}
#footermenu {flex:1 1 auto;width:auto;padding:36px 0 0 0;font-size:25px;line-height:41px;display:flex;justify-content:space-between;gap:120px;}
.footernav {flex:1 1 33%;}
.footernav ul {list-style-type:none;}
.footernav li a:link, .footernav li a:visited {font-size:25px;line-height:41px;font-family:'fira-sans-semibold',sans-serif;font-weight:normal;color:#4d5691;text-decoration:none;}
.footernav li a:focus, .footernav li a:hover, .footernav a:active {color:#88caec;}
.footernav li.menu-current a {color:#88caec;}
footer .lang {padding:0;}
footer .lang a:link, .lang a:visited {font-family:'fira-sans-semibold',sans-serif;font-weight:normal;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOF UP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position:fixed;bottom:20px;right:50px;display: none;z-index:1000;width:80px;height:80px;border:none;background:rgba(250,250,250,.7);cursor:pointer;text-align:center;padding:30px 10px 10px;border-radius:40px;box-sizing:border-box;}
.move-up i,.move-up:active i {border:solid #9fd9f7;border-width:0 3px 3px 0;display:inline-block;padding:15px;transform: rotate(-135deg);}
.move-up:hover {background:rgba(255,255,255,1);}
.move-up:hover i {border:solid #919191;border-width:0 3px 3px 0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:fixed;display:block;right:0;top:0;cursor: pointer;text-decoration: none;background:transparent;z-index:9999999; }
.slicknav_btn img {width:50px;height:50px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0; }
.slicknav_menu {position:relative; box-sizing: border-box;background:#fff;padding:0;}
.slicknav_menu .slicknav_menutxt {display: block;float: left; }
.slicknav_menu .slicknav_icon {display:none; }
.slicknav_menu .slicknav_no-text {margin: 0; }
.slicknav_menu:before {content: " ";display: table; }
.slicknav_menu:after {content: " ";display: table;clear: both; }
.slicknav_nav {clear: both;position:fixed;top:50px;right:0;z-index:999999;background:#d7eefa;width:100%;color:#4d5691;padding:0;list-style: none;overflow: hidden;box-sizing:border-box;}
.slicknav_nav ul {display: block;list-style: none;overflow: hidden;padding: 0;margin:0;  }
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {box-sizing:border-box;display:inline-block;padding:0 0 0 20px;float:right;}
i.arrow-r {display:inline-block;width:13px;height:13px;transform: rotate(-45deg);background:transparent;-moz-box-shadow: 2px 2px #4d5691/*pfeilfarbe*/;-webkit-box-shadow: 2px 2px #4d5691;box-shadow: 2px 2px #4d5691;position:relative;top:-3px;}
i.arrow-d {display:inline-block;width:13px;height:13px;transform: rotate(45deg);background:transparent;-moz-box-shadow: 2px 2px #4d5691/*pfeilfarbe*/;-webkit-box-shadow: 2px 2px #4d5691;box-shadow: 2px 2px #4d5691;position:relative;top:-8px;left:6px;}
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline-block; padding: 0;margin: 0; }
.slicknav_nav .slicknav_row {display: block; }
.slicknav_nav .slicknav_parent-link a {display: inline;padding: 0;margin: 0;  }
.slicknav_nav a {font-family:'fira-sans-semibold',sans-serif;font-size:24px;line-height:45px;height:45px;font-weight:normal;color:#4d5691;text-decoration:none;display:block;padding:0 45px 0 60px;}
.slicknav_nav ul ul a {text-transform:none;}
.slicknav_nav ul li {border-bottom:4px solid #fff;}
.slicknav_nav ul li.menu-last {border-bottom:none;}
.slicknav_nav ul li:first-child, .slicknav_nav ul ul li:first-child {border-top:4px solid #fff;}
.slicknav_nav ul ul li:last-child {border:none;}
.slicknav_nav li a:focus, .slicknav_nav li a:hover {color:#88caec;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current a {color:#88caec;}
.slicknav_nav ul li.menu-current li > a {color:#88caec;}
.slicknav_nav ul li.menu-current li > a:hover {color:#4d5691;}
.slicknav_nav ul li.menu-current li.menu-current a {color:#88caec;}
/* ~~~~~~~~~~~~~~~~~~~~ Parent ~~~~~~~~~~~~~~~~ */
.slicknav_nav li.menu-parent a, .slicknav_nav li.menu-parent li.menu-parent a {color:#919191;}
.slicknav_nav ul li.menu-parent li a, .slicknav_nav ul li.menu-parent li.menu-parent li a {color:#919191;}
.slicknav_nav ul li.menu-parent li.menu-current a, .slicknav_nav ul li.menu-parent li.menu-parent li.menu-current a {color:#739F37;}
.slicknav_nav ul li.menu-parent a:hover {color:#A465B2;}
/* ~~~~~~~~~~~~~~~~~~~~ LANGUAGE ~~~~~~~~~~~~~~~~ */
.slicknav_menu .multilang {width:100%;border-bottom:0.5px solid #919191;font-size:24px;line-height:45px;height:45px;}
.slicknav_nav .multilang a:link, .slicknav_nav .multilang a:visited {color:#919191;}
.slicknav_nav .multilang a:focus, .slicknav_nav .multilang a:hover, .slicknav_nav .multilang a:active {color:#A465B2;}
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width:1640px) {
nav {left:0;margin-left:0;width:100%;}
.colframe {width:100%;margin:0;}
section:nth-of-type(even) {width:100%;margin:60px 0;padding:0 30px;}
section#row1 .claim {left:5vw;top:10vw;width:40vw;font-size:54px;line-height:60px;}
.col, .col:last-child {padding:30px 40px;}
section#row8 .col, section#row8 .col:last-child {padding:40px 0 10px;}
#footerframe {width:100%;margin:0}
.footerlogo {flex:0 0 246px;width:246px;padding:0;margin:0 3vw 0 20px;}
.footerinfo {flex:1 1 auto;width:auto;padding:41px 2vw 0 0;}
#footermenu {gap:2vw;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1420px) {
nav ul li, .lang, .search {padding:0 0 0 30px;}
section ul li {padding:0 60px 25px 62px;}
#footerframe {flex-wrap:wrap;justify-content:flex-start;}
.footerlogo {flex:0 0 296px;width:296px;padding:0 50px 0 20px;margin:0 0 0 35px;}
.footerinfo {flex:1 1 auto;width:calc(100% - 331px);padding:41px 3vw 0 0;}
#footermenu {flex:1 1 100%;width:100%;padding-left:331px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1080px) {
html body {font-size:18px;line-height:22px;}
header {position:static;width:100%;height:auto;box-shadow:none;padding:30px;}
#logo {position:static;margin:0 auto;max-width:240px;}
nav {display:none;}
.slicknav_menu {display:block;}
#contentframe {padding-top:0;}
section {margin:0 0 15px 0;}
.colframe {flex-wrap:wrap;}
.col {flex:1 1 100%;width:100%;}
.col:last-child {flex:1 1 100%;width:100%;padding:40px 30px;border-top:8px solid #fff;}
.col:last-child p {padding:0;}
section h1 {font-size:36px;line-height:40px;margin:0 0 15px 0;letter-spacing:1px;}
section h2 {font-size:30px;line-height:36px;margin:0 0 15px 0;}
section .col h1 {padding:0;}
section:nth-of-type(odd) h2 {font-size:30px;line-height:36px;margin:0 0 15px 0;}
section ul li {padding:0;margin-left:0;background:transparent;}
section#row1 .claim {order:1;position:static;width:100%;padding:30px;font-family:'walter-turncoat',sans-serif;letter-spacing:1px;font-size:30px;line-height:36px;transform: rotate(0deg);text-shadow:none;}
section#row1 {display:flex;flex-direction:column;}
.headerimage {order:2;}
section#row2 .col {flex:1 1 100%;width:100%;}
section#row2 .col:last-child {border:none;}
.postit, .col:nth-of-type(1) .postit, .col:nth-of-type(2) .postit {transform: rotate(0deg);margin:0 0 20px 0;}
section#row5 .col:first-child {order:2;}
section#row5 .col:last-child {order:1;}
section#row5 .col:first-child {border-top:8px solid #fff;}
section#row5 .col:last-child {border:none;}
section#row8 .col {flex:1 1 100%;width:100%;}
section#row8 .col:last-child {flex:1 1 100%;width:100%;}

#footerframe {padding:75px 0 150px;}
.footerlogo {flex:1 1 100%;width:100%;padding:0 30px;margin:0;text-align:center;}
.footerlogo img {max-width:240px;width:auto;height:auto;}
.footerinfo {flex:1 1 100%;width:100%;padding:30px;text-align:center;}
.footerinfo p {margin:0;}
#footermenu {flex-wrap:wrap;padding:0 30px;gap:0;margin:0 0 45px 0;font-size:20px;line-height:30px;}
.footernav {flex:1 1 100%;width:100%;text-align:center;}
.footernav#fnav1 {display:none;} 
.footernav li a:link, .footernav li a:visited {font-size:20px;line-height:30px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 920px) {
table.hours td {display:block;width:100%;}
table.hours th {display:none;}
table.hours th:first-child {display:block;width:100%;}
table.hours td:nth-of-type(2):before { content: "Montag: "; }
table.hours td:nth-of-type(3):before { content: "Dienstag: "; }
table.hours td:nth-of-type(4):before { content: "Mittwoch: "; }
table.hours td:nth-of-type(5):before { content: "Donnerstag: "; }
table.hours td:nth-of-type(6):before { content: "Freitag: "; }
table.hours td:nth-of-type(7):before { content: "Samstag: "; }
table.hours td:nth-of-type(8):before { content: "Sonntag: "; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 300px) {
.footerlogo img {max-width:100%;width:auto;height:auto;}
}