/* Knut template.css */
@font-face {font-family: 'mountains_of_christmasregular'; src: url('../fonts/MountainsofChristmas-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'fira_sans_condensedlight';src: url('../fonts/FiraSansCondensed-Light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'fira_sans_condensedsemibold';src: url('../fonts/FiraSansCondensed-SemiBold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'fira_sans_compressedsemibold';src: url('../fonts/FiraSansCompressed-SemiBold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
html {overflow-y:scroll;}
* { margin: 0;padding: 0;box-sizing:border-box;font-weight:normal;}
html body { background:#fff;font-family: 'fira_sans_condensedlight',sans-serif;font-style: normal;font-weight: normal;font-size:18px;line-height:24px;color:#333;}
a, img {-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;}
b, strong {font-family: 'fira_sans_condensedsemibold',sans-serif;font-weight:normal;}
#menu, .js .slicknav_menu {display:none;}
.move-up {position: fixed;bottom: 50px;right: 40px;display: none;z-index:1000;}
.move-up button {background:#888;border:none;color:#fff;padding:23px 20px 10px 20px;border-radius:50px;opacity:0.8}
.move-up button:hover,.move-up button:active {opacity:1;}
.move-up i {border: solid #fff;border-width: 0 3px 3px 0;display:inline-block;padding:10px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
/*#frame {margin:0 auto;width:1400px;}*/
#header {background:rgb(255,255,255,0.8);height:auto;width:100%;position:relative;}
#logo {padding:30px 30px 10px 30px;text-align:center;width:100%;font-family: 'mountains_of_christmasregular',sans-serif;font-weight:bold;font-size:100px;line-height:100px;}
#logo a:link, #logo a:visited {color:#333;text-decoration:none;font-weight:bold;letter-spacing:5px;}
#logo img {border:none;text-decoration:none;outline:none;line-height:0;}
#logo img:focus, #logo img:hover {opacity:0.7;}
#logo p:nth-child(2) {display:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
nav {width:100%;background:rgb(255,255,255,0.8);padding:0 0 10px 0;}
nav ul {list-style-type:none;display:flex;justify-content:center;}
nav ul li {position:relative;}
nav ul li a:link, nav ul li a:visited {font-family: 'mountains_of_christmasregular',serif;display:block;font-size:36px;line-height:50px;padding:0 15px;text-decoration:none;color:#555;background:transparent;}
nav ul li a:focus, nav ul li a:hover, nav ul li a:active {color:#2F8C98;}
nav ul li.menu-current a, nav ul li.menu-parent a {color:#dd2f00;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#inhalt {width:100%;display:flex;padding:0;background:#c7dcfb url(../img/bg_snowflake_02.png) top left repeat;flex-wrap:wrap;}
#content {flex:1 1;padding:50px 100px 50px 50px;position:relative;min-height:300px;background:rgb(255,255,255,0.8);margin:30px 0;}
#bild {flex:0 0 590px;width:590px;display:flex;align-items:flex-end;}
.snow1 {flex:1 1 100%;width:100%;height:30px;background:transparent url(../img/snow.png) top center repeat;}
.snow2 {flex:1 1 100%;width:100%;height:30px;background:transparent url(../img/snow.png) top center repeat;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SUBNAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#subnavi {display:none;width:100%;background:rgb(255,255,255,0.8);padding:50px 50px 50px 50px;}
#inhalt #subnavi ul {width:100%;list-style-type:none;margin:0;}
#inhalt #subnavi li {text-align:right;}
#inhalt #subnavi ul.menu-top li a:link, #inhalt #subnavi ul.menu-top li a:visited {font-family: 'mountains_of_christmasregular',serif;display:block;padding:10px 0;text-decoration:none;color:#555;font-size:24px;line-height:24px;}
#inhalt #subnavi ul.menu-top li a:focus, #inhalt #subnavi ul.menu-top li a:hover, #inhalt #subnavi ul.menu-top li a:active {color:#2F8C98;}
#inhalt #subnavi ul.menu-top li.menu-current a, #subnavi ul.menu-top li.menu-parent a {color:#dd2f00;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#inhalt h1 {font-family: 'mountains_of_christmasregular',sans-serif;font-weight:normal;font-size:50px;line-height:56px;margin:0 0 20px 0;text-transform:uppercase;}
#inhalt h2 {font-family: 'mountains_of_christmasregular',sans-serif;font-weight:normal;font-size:36px;line-height:40px;margin:0 0 20px 0;text-transform:uppercase;}
#inhalt h2:not(:first-child) {margin:40px 0 20px 0;}
#inhalt #bild h1 {text-align:right;}
#inhalt #bild p {margin:0;line-height:0;}
#bild img {margin-bottom:-20px;}
#inhalt img {max-width:100%;width:auto;height:auto;}
#inhalt a:link, #inhalt a:visited {color:#2F8C98;text-decoration:none;font-weight:bold;outline:none;}
#inhalt a:focus, #inhalt a:hover, #inhalt a:active {color:#dd2f00;}
#inhalt p, #inhalt table {padding:0;margin:0 0 20px 0;}
#inhalt table {border-collapse:separate;border-spacing:5px;margin-left:-5px;}
#inhalt ul {margin:0 0 20px 20px;list-style:none;}
.flexframe {display:flex;flex-wrap:wrap;justify-content:flex-start;}
#inhalt .flexframe p {width:314px;height:226px;overflow:hidden;padding:5px;}
.flexframe img {border:2px solid #333;}
.flexframe img:focus, .flexframe img:hover {border:2px solid #cc0000;transform:rotate(2deg);}
.bildlinks {float:left;padding:0 25px 10px 0;margin:0;}
.bildrechts {float:right;padding:0 0 10px 25px;margin:0;}
.clear {clear:both;height:1px;line-height:1px;font-size:1px;margin:0;padding:0;}
/********************************************************* FOOTER **************************************************/
#footer {width:100%;padding:30px 0 20px 0;color:#fff;font-size:16px;line-height:20px;}
#footerframe {width:1400px;margin:0 auto;display:flex;justify-content:space-between;}
.footernavi {flex:1 1 60%;width:60%;}
.footernavi ul {list-style-type:none;display:flex;justify-content:flex-end;}
.footernavi li {padding:0 0 0 20px;}
#footer a:link, #footer a:visited {text-decoration:none;color:#333;}
#footer a:focus, #footer a:hover, #footer a:active {color:#cc0000;}
.footernavi li.menu-current a {color:#cc0000;}
.footerbox {flex:1 1 20%;width:20%;}
/********************************************************* cleverreach **************************************************/
.cr-mail-responsive, .cr-mail-responsive * {box-sizing: unset;}
.cr_site{margin:0;padding:75px 0 0 0;text-align:center;background-color:#eeeeee;}
.cr_font{font-size: 14px;font-family: Arial;}
.cr_page{width: 100% !important;max-width:640px}
.cr_body{box-shadow: 0px 0px 14px 0px rgba(51,51,51,0.4);border-radius:8px;line-height:150%;font-family:Helvetica;font-size:12px;color:#333333;}
.cr_body h2, .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
.cr_body h1, .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
.wrapper, .cr_page{margin:0 auto 10px auto;text-align:left;}
.cr_header{text-align:center;background: transparent !Important;}
.cr_header img {max-width: 100%;}
.cr_body label, .cr_body .label{float:none;clear:both;display:inline-block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;}
.cr_body .no-label{font-weight: normal;}
.cr_body .editable_content{padding:20px;}
.editable-content {padding:20px}
.cr_button{display:inline-block;font-family:'Helvetica', Arial, sans-serif;width:auto;white-space:nowrap;height:32px;margin:5px 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;vertical-align:top;}
.cr_button{background-color:#333;color:#ffffff;}
.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.powered{padding:20px 0;width:560px;margin:0 auto;}
.cr_ipe_item label{line-height:150%;font-size:14px;}
.cr_ipe_item textarea{background: none repeat scroll 0 0 #ffffff;border-radius:3px;border: 1px solid #ccc;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input{background: none repeat scroll 0 0 #ffffff;border-radius:3px;border: 1px solid #ccc;padding: 12px;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item select{background: none repeat scroll 0 0 #ffffff;border-radius:3px;border: 1px solid #ccc;padding: 12px !Important;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox{-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset ThreeDFace !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
.cr_ipe_item{margin: 0px 10px; padding: 0px 10px;}
.submit_container{text-align:center}
.cr_ipe_item.inactive{display:none;}
.imprint{font-size:0.8em;}
.cr_captcha{padding-left:130px;}
.cr_error{font-size:1.1em;padding:10px;}
.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.cr_form-flex{display: flex;}
.cr_form-flex>.cr_form-inputgroup{flex-grow:1;margin-right: 5px;}
.cr_form-flex>.cr_form-inputgroup:last-child{margin-right: 0px;}
.cr_form-flex input{width:100%;}
.cr_site {background-color:#eee;}
.cr_header {color:#000000;}
.cr_body {background-color:#ffffff;font-size:12px;color:#000000;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint{color:#000;}
.cr_site {background-color:#eee;}
.cr_header {color:#000000;}
.cr_body {background-color:#ffffff;font-size:12px;color:#000000;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint {color:#000;}
.cr_page {width:auto;max-width:640px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:absolute;display: block;right:20px;top:10px;cursor: pointer;text-decoration: none;background:transparent;z-index:999999; }
.slicknav_btn img {width:36px;height:36px; }
.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:absolute;top:47px;right:0;z-index:999999;background:#fff;width:100%;color: #333;padding:10px 20px 50px 20px;list-style: none;overflow: hidden;box-sizing:border-box;box-shadow: 0 0 5px #888;}
.slicknav_nav ul {display: block;list-style: none;overflow: hidden;padding: 0;margin:0;  }
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {font-size: 15px;margin: 0 0.4em 0 0;float:right;}
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline; 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 {display: block;font-size:24px;line-height:36px;font-weight:normal;color:#333;text-decoration:none;}
.slicknav_nav ul.menu-top:nth-of-type(2) {padding-top:20px;}
.slicknav_nav a:hover {color:#cc0000;}
.slicknav_nav li.menu-current a:hover {color:#333;}
.slicknav_nav li li a {padding:0 0 0 25px;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current  a {color:#cc0000;}
.slicknav_nav ul li.menu-current  li a {color:#333;}
.slicknav_nav li.menu-current li a:hover {color:#cc0000;}
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}

/***********************************************************************************************************************************/
@media screen and (max-width: 1440px) {
#frame, #inhalt {width:100%;margin:0;}
nav ul {width:100%;margin:0;padding:0 20px;}
#footerframe {width:100%;margin:0;padding:0 20px;}
#content {padding:50px;}
}
/***********************************************************************************************************************************/
@media screen and (max-width: 1300px) {
#bild {flex:0 0 400px;width:400px;}
#bild img {width:400px;height:auto;}
}
/***********************************************************************************************************************************/
@media screen and (max-width: 1020px) {
#inhalt {flex-direction:column;}
#content {flex:1 1 100%; width:100%;padding:40px 20px;margin:0 0 30px 0;}
#bild {flex:1 1 100%;width:100%;justify-content:center;}
#bild img {margin-bottom:0;}
#inhalt #subnavi li {text-align:left;}
.flexframe {justify-content:center;}
nav ul li a:link, nav ul li a:visited {font-size:30px;line-height:36px;padding:0 10px;}
#footerframe {flex-wrap:wrap;}
.footerbox {flex:1 1 50%;width:50%;text-align:center;}
.footernavi {flex:1 1 100%;width:100%;text-align:center;padding:20px 0 0 0;}
.footernavi ul {justify-content:center;}
.footernavi li {padding:0 10px;}
}
/***********************************************************************************************************************************/
@media screen and (max-width: 840px) {
#header {background:#fff;height:auto;}
#logo {padding:50px 30px 30px 30px;text-align:center;width:100%;font-size:70px;line-height:70px;}
nav, #subnavi, .js #menu {display:none;}
nav ul {flex-direction:column;padding:20px 0;}
nav ul li {padding:0 20px;text-align:center;}
.js .slicknav_menu {display:block;}
#inhalt h1 {font-size:40px;line-height:48px;}
}