/**
 *  @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: 'assistant-bold';src: url('../fonts/assistant-bold-webfont.woff2') format('woff2'),url('../fonts/assistant-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'assistant-light';src: url('../fonts/assistant-light-webfont.woff2') format('woff2'),url('../fonts/assistant-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'assistant-regular';src: url('../fonts/assistant-regular-webfont.woff2') format('woff2'),url('../fonts/assistant-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'caladea-italic';src: url('../fonts/caladea-italic-webfont.woff2') format('woff2'),url('../fonts/caladea-italic-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:#fff;font-family:'assistant-regular',sans-serif;font-size:25px;line-height:32px;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:'assistant-bold',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:406px;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:52px;left:50%;margin-left:-800px;width:1600px;display:flex;justify-content:center;font-size:25px;line-height:25px;font-family:'assistant-bold',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:'assistant-bold',sans-serif;font-weight:normal;color:#5c67ac;text-decoration:none;}
nav ul li a:focus, nav ul li a:hover, nav ul li a:active {color:#9fd9f7;}
nav ul li.menu-current a, nav ul li.menu-parent a {color:#9fd9f7;}
nav ul li.menu-current li a, nav ul li.menu-parent li > a {color:#5c67ac;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT FRAME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentframe {width:100%;z-index:9;padding-top:406px;padding-bottom:40px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {width:100%;position:relative;}
section {width:100%;margin:0 0 60px 0;}
section:nth-of-type(odd) {background:#9fd9f7;}
/*section img {max-width:100%;width:auto;height:auto;}*/
section a:link, section a:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;color:#9fd9f7;text-decoration:none;}
section a:focus, section a:hover, section a:active {color:#A465B2;}
section a.btn_violet:link, section a.btn_violet:visited {font-family:'assistant-bold',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:'assistant-light',sans-serif;font-weight:normal;margin:0 0 27px 0;}
section h1.green {font-size:40px;line-height:47px;font-family:'assistant-light',sans-serif;font-weight:normal;margin:0 0 27px 0;color:#9fd9f7;}
section .col h1 {padding:0 130px 0 0;}
section h2 {font-size:25px;line-height:32px;font-family:'assistant-bold',sans-serif;font-weight:normal;margin:0 0 27px 0;text-transform:uppercase;letter-spacing:5px;}
section p, section ul {margin:0 0 25px 0;}
.colframe {width:1600px;margin:0 auto;display:flex;justify-content:center;}
.col {flex:1 1 40%;width:40%;position:relative;} /* Standard-Spalte links */
.col:last-child {flex:1 1 60%;width:60%;position:relative;padding:75px 0 75px 95px;} /* Standard-Spalte rechts Fließtext */
.col:last-child p {padding:0 130px 0 0;} /* Standard-Spalte rechts Fließtext */
ul.plain {list-style:none;line-height:39px;background:transparent;}
section ul.plain li {padding:0;margin:0;background:transparent;}
section ul {list-style:none;}
section ul li {padding:0 0 0 62px;margin-left:0;background:url(../images/strich_20.png) left 8px no-repeat;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ COOKIES ~~~~~~~~~~~~~~~~~~~~~~ */
.cc-revoke, .cc-revoke > *, .cc-animate.cc-revoke.cc-bottom {display:none !important;/*hide*/}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer {width:100%;background:#8db8db;position:relative;color:#fff;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:'assistant-regular',sans-serif;font-weight:normal;color:#9fd9f7;text-decoration:none;}
.footerinfo a:focus, .footerinfo a:hover, .footerinfo a:active {color:#fff;}
.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:'assistant-bold',sans-serif;font-weight:normal;color:#9fd9f7;text-decoration:none;}
.footernav li a:focus, .footernav li a:hover, .footernav a:active {color:#fff;}
.footernav li.menu-current a {color:#9fd9f7;}
footer .lang {padding:0;}
footer .lang a:link, .lang a:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;}
#footerbuttons {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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:62px;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:#EEF4CA;width:100%;color:#fff;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 #fff/*pfeilfarbe*/;-webkit-box-shadow: 2px 2px #fff;box-shadow: 2px 2px #fff;position:relative;top:-3px;}
i.arrow-d {display:inline-block;width:13px;height:13px;transform: rotate(45deg);background:transparent;-moz-box-shadow: 2px 2px #fff/*pfeilfarbe*/;-webkit-box-shadow: 2px 2px #fff;box-shadow: 2px 2px #fff;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:'assistant-bold',sans-serif;font-size:24px;line-height:45px;height:45px;font-weight:normal;color:#919191;text-decoration:none;display:block;padding:0 45px 0 60px;}
.slicknav_nav ul ul a {text-transform:none;}
.slicknav_nav ul li {border-bottom:0.5px solid #919191;}
.slicknav_nav ul li.menu-last {border-bottom:none;}
.slicknav_nav ul li:first-child, .slicknav_nav ul ul li:first-child {border-top:0.5px solid #919191;}
.slicknav_nav ul ul li:last-child {border:none;}
.slicknav_nav li a:focus, .slicknav_nav li a:hover {color:#A465B2;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
.mnav3 {border-bottom:0.5px solid #919191;}
.mnav3 li {display:none;}
.mnav3 li:first-child/*, .mnav3 li:last-child */ {display:block;} /* nur Spenden und Suche zeigen */
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current a {color:#739F37;}
.slicknav_nav ul li.menu-current li > a {color:#A6E0F6;}
.slicknav_nav ul li.menu-current li > a:hover {color:#A465B2;}
.slicknav_nav ul li.menu-current li.menu-current a {color:#739F37;}
/* ~~~~~~~~~~~~~~~~~~~~ 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;}
.col:last-child p {padding:0 60px 0 0;} /* Standard-Spalte rechts Fließtext */
.boxframe {width:100%;margin:0;padding:50px 35px 120px;}
.box {flex:1 1 33.3%;width:calc(33.3% - 30px);max-width:calc(33.3% - 30px);background:#fff;}
.box:first-child {margin:0 0 0 calc(30% + 68px);}
#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:17px;line-height:21px;}
header {position:static;width:100%;height:190px;box-shadow:none;padding:15px 0 0 0;}
#logo {position:static;margin:0 0 0 35px;width:236px;height:160px;text-align:left;}
#logo_image {width:236px;height:160px;}
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 20px 45px 35px;}
.col:last-child p {padding:0;}
section h1 {font-size:34px;line-height:40px;margin:0 0 18px 0;}
section h2 {font-size:17px;line-height:21px;margin:0 0 17px 0;letter-spacing:3px;}
section .col h1 {padding:0;}
section p, section ul {margin:0 0 21px 0;}
section a.btn_violet:link, section a.btn_violet:visited, section a.btn_green:link, section a.btn_green:visited {font-size:17px;line-height:17px;width:245px;height:60px;}
section ul li {padding:0;margin-left:0;background:transparent;}
.padding_top {padding-top:300px;}
#footerbuttons {display:block;position:absolute;bottom:171px;right:0;z-index:999;}
#footerbuttons a:link, #footerbuttons a:visited {display:flex;justify-content:center;align-items:center;margin:0 0 15px 0;width:50px;height:50px;font-size:30px;line-height:30px;color:#fff;text-decoration:none;background:#739F37;}
#footerbuttons a:focus, #footerbuttons a:hover, #footerbuttons a:active {background:#A465B2;}
#footerbuttons i {margin-right:-10px;}
#footerframe {padding:75px 0 150px;}
#footermenu {flex-wrap:wrap;padding:0;gap:0;order:1;border-top:0.5px solid #afafaf;margin:0 0 45px 0;line-height:44px;}
.footerlogo {flex:1 1 100%;width:100%;order:2;padding:0;margin:0 0 35px 60px;height:167px;}
.footerinfo {flex:1 1 100%;width:100%;order:3;padding:0 60px;}
.footernav {flex:1 1 100%;width:100%;}
.footernav li, footer .lang {border-bottom:0.5px solid #afafaf;padding:0 30px 0 60px;}
.footernav#fnav1 ul:first-child li:first-child, .footernav#fnav2 li:nth-child(2), .footernav#fnav3 li:nth-child(2) {margin:0;} 
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 380px) {
section a.btn_violet:link, section a.btn_violet:visited, section a.btn_green:link, section a.btn_green:visited {width:100%;height:auto;min-height:60px;}
}