/* *** generated @ 2024-02-17 21:43:15 *** */

/* ** [ /src_project/sites/wav_karpfen/css/3/portal-styles.css ] (continued) ** */


/* ** [ /src_project/sites/wav_karpfen/css/3/bundle.css ] (@import) ** */
@font-face{
font-display: swap;
font-family: "gwb";
font-style: normal;
font-weight: normal;
src:  url("/src_project/sites/portal/css/fonts/gwb/gwb.woff") format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src:  url("/src_project/fonts/Roboto/roboto-v30-latin-regular.woff") format("woff"), url("/src_project/fonts/Roboto/roboto-v30-latin-regular.woff2") format("woff2");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: italic;
font-weight: 400;
src:  url("/src_project/fonts/Roboto/roboto-v30-latin-italic.woff") format("woff"), url("/src_project/fonts/Roboto/roboto-v30-latin-italic.woff2") format("woff2");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 300;
src:  url("/src_project/fonts/Roboto/roboto-v30-latin-300.woff2") format("woff2"), url("/src_project/fonts/Roboto/roboto-v30-latin-300.woff") format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: italic;
font-weight: 300;
src:  url("/src_project/fonts/Roboto/roboto-v30-latin-300italic.woff2") format("woff2"), url("/src_project/fonts/Roboto/roboto-v30-latin-300italic.woff") format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src:  url("/src_project/fonts/Roboto/roboto-v30-latin-500.woff2") format("woff2"), url("/src_project/fonts/Roboto/roboto-v30-latin-500.woff") format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: italic;
font-weight: 500;
src:  url("/src_project/fonts/Roboto/roboto-v30-latin-500italic.woff2") format("woff2"), url("/src_project/fonts/Roboto/roboto-v30-latin-500italic.woff") format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src:  url("/src_project/fonts/Roboto/roboto-v30-latin-700.woff2") format("woff2"), url("/src_project/fonts/Roboto/roboto-v30-latin-700.woff") format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: italic;
font-weight: 700;
src:  url("/src_project/fonts/Roboto/roboto-v30-latin-700italic.woff2") format("woff2"), url("/src_project/fonts/Roboto/roboto-v30-latin-700italic.woff") format("woff");
}
/*!
* jQuery UI CSS Framework 1.13.2
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/

.ui-helper-hidden{
display: none;
}
.ui-helper-hidden-accessible{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset{
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after{
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after{
clear: both;
}
.ui-helper-zfix{
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
}
.ui-front{
z-index: 100;
}

.ui-state-disabled{
cursor: default !important;
pointer-events: none;
}

.ui-icon{
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block{
left: 50%;
margin-left: -8px;
display: block;
}


.ui-widget-overlay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*!
* jQuery UI Menu 1.13.2
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/menu/#theming
*/
.ui-menu{
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu{
position: absolute;
}
.ui-menu .ui-menu-item{
margin: 0;
cursor: pointer;

list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper{
position: relative;
padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider{
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active{
margin: -1px;
}

.ui-menu-icons{
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper{
padding-left: 2em;
}

.ui-menu .ui-icon{
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}

.ui-menu .ui-menu-icon{
left: auto;
right: 0;
}
/*!
* jQuery UI Autocomplete 1.13.2
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/autocomplete/#theming
*/
.ui-autocomplete{
position: absolute;
top: 0;
left: 0;
cursor: default;
}
/*!
* jQuery UI Datepicker 1.13.2
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/datepicker/#theming
*/
.ui-datepicker{
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header{
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{
top: 1px;
}
.ui-datepicker .ui-datepicker-prev{
left: 2px;
}
.ui-datepicker .ui-datepicker-next{
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover{
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover{
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title{
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select{
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
width: 45%;
}
.ui-datepicker table{
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th{
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td{
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a{
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane{
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button{
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
float: left;
}

.ui-datepicker.ui-datepicker-multi{
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group{
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table{
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group{
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group{
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group{
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane{
clear: left;
}
.ui-datepicker-row-break{
clear: both;
width: 100%;
font-size: 0;
}

.ui-datepicker-rtl{
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev{
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next{
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover{
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover{
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane{
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group{
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{
border-right-width: 0;
border-left-width: 1px;
}

.ui-datepicker .ui-icon{
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: 0.5em;
top: 0.3em;
}
/*!
* jQuery UI CSS Framework 1.13.2
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*
* To view and modify this theme,visit http://jqueryui.com/themeroller/
*/

.ui-widget{
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget{
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button{
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content{
border: 1px solid #c5c5c5;
}
.ui-widget-content{
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a{
color: #333333;
}
.ui-widget-header{
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a{
color: #333333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button{
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus{
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus{
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus{
box-shadow: 0 0 3px 1px rgb(94,158,214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background{
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited{
color: #ffffff;
text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked{
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a{
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error{
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a{
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text{
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary{
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary{
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled{
opacity: 0.35;
-ms-filter: "alpha(opacity=35)";
background-image: none;
}
.ui-state-disabled .ui-icon{
-ms-filter: "alpha(opacity=35)";
}


.ui-icon{
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon{
background-image: url(/src_project/sites/wav_karpfen/css/3/"images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon{
background-image: url(/src_project/sites/wav_karpfen/css/3/"images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon{
background-image: url(/src_project/sites/wav_karpfen/css/3/"images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon{
background-image: url(/src_project/sites/wav_karpfen/css/3/"images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon{
background-image: url(/src_project/sites/wav_karpfen/css/3/"images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon{
background-image: url(/src_project/sites/wav_karpfen/css/3/"images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon{
background-image: url(/src_project/sites/wav_karpfen/css/3/"images/ui-icons_777777_256x240.png");
}


.ui-icon-blank.ui-icon-blank.ui-icon-blank{
background-image: none;
}
.ui-icon-caret-1-n{
background-position: 0 0;
}
.ui-icon-caret-1-ne{
background-position: -16px 0;
}
.ui-icon-caret-1-e{
background-position: -32px 0;
}
.ui-icon-caret-1-se{
background-position: -48px 0;
}
.ui-icon-caret-1-s{
background-position: -65px 0;
}
.ui-icon-caret-1-sw{
background-position: -80px 0;
}
.ui-icon-caret-1-w{
background-position: -96px 0;
}
.ui-icon-caret-1-nw{
background-position: -112px 0;
}
.ui-icon-caret-2-n-s{
background-position: -128px 0;
}
.ui-icon-caret-2-e-w{
background-position: -144px 0;
}
.ui-icon-triangle-1-n{
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne{
background-position: -16px -16px;
}
.ui-icon-triangle-1-e{
background-position: -32px -16px;
}
.ui-icon-triangle-1-se{
background-position: -48px -16px;
}
.ui-icon-triangle-1-s{
background-position: -65px -16px;
}
.ui-icon-triangle-1-sw{
background-position: -80px -16px;
}
.ui-icon-triangle-1-w{
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw{
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s{
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w{
background-position: -144px -16px;
}
.ui-icon-arrow-1-n{
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne{
background-position: -16px -32px;
}
.ui-icon-arrow-1-e{
background-position: -32px -32px;
}
.ui-icon-arrow-1-se{
background-position: -48px -32px;
}
.ui-icon-arrow-1-s{
background-position: -65px -32px;
}
.ui-icon-arrow-1-sw{
background-position: -80px -32px;
}
.ui-icon-arrow-1-w{
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw{
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s{
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw{
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w{
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw{
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n{
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e{
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s{
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w{
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n{
background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne{
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e{
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se{
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s{
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw{
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w{
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw{
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s{
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw{
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w{
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw{
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n{
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e{
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s{
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w{
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w{
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n{
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e{
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s{
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w{
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n{
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e{
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s{
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w{
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n{
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e{
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s{
background-position: -176px -64px;
}
.ui-icon-arrow-4{
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag{
background-position: -16px -80px;
}
.ui-icon-extlink{
background-position: -32px -80px;
}
.ui-icon-newwin{
background-position: -48px -80px;
}
.ui-icon-refresh{
background-position: -64px -80px;
}
.ui-icon-shuffle{
background-position: -80px -80px;
}
.ui-icon-transfer-e-w{
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w{
background-position: -112px -80px;
}
.ui-icon-folder-collapsed{
background-position: 0 -96px;
}
.ui-icon-folder-open{
background-position: -16px -96px;
}
.ui-icon-document{
background-position: -32px -96px;
}
.ui-icon-document-b{
background-position: -48px -96px;
}
.ui-icon-note{
background-position: -64px -96px;
}
.ui-icon-mail-closed{
background-position: -80px -96px;
}
.ui-icon-mail-open{
background-position: -96px -96px;
}
.ui-icon-suitcase{
background-position: -112px -96px;
}
.ui-icon-comment{
background-position: -128px -96px;
}
.ui-icon-person{
background-position: -144px -96px;
}
.ui-icon-print{
background-position: -160px -96px;
}
.ui-icon-trash{
background-position: -176px -96px;
}
.ui-icon-locked{
background-position: -192px -96px;
}
.ui-icon-unlocked{
background-position: -208px -96px;
}
.ui-icon-bookmark{
background-position: -224px -96px;
}
.ui-icon-tag{
background-position: -240px -96px;
}
.ui-icon-home{
background-position: 0 -112px;
}
.ui-icon-flag{
background-position: -16px -112px;
}
.ui-icon-calendar{
background-position: -32px -112px;
}
.ui-icon-cart{
background-position: -48px -112px;
}
.ui-icon-pencil{
background-position: -64px -112px;
}
.ui-icon-clock{
background-position: -80px -112px;
}
.ui-icon-disk{
background-position: -96px -112px;
}
.ui-icon-calculator{
background-position: -112px -112px;
}
.ui-icon-zoomin{
background-position: -128px -112px;
}
.ui-icon-zoomout{
background-position: -144px -112px;
}
.ui-icon-search{
background-position: -160px -112px;
}
.ui-icon-wrench{
background-position: -176px -112px;
}
.ui-icon-gear{
background-position: -192px -112px;
}
.ui-icon-heart{
background-position: -208px -112px;
}
.ui-icon-star{
background-position: -224px -112px;
}
.ui-icon-link{
background-position: -240px -112px;
}
.ui-icon-cancel{
background-position: 0 -128px;
}
.ui-icon-plus{
background-position: -16px -128px;
}
.ui-icon-plusthick{
background-position: -32px -128px;
}
.ui-icon-minus{
background-position: -48px -128px;
}
.ui-icon-minusthick{
background-position: -64px -128px;
}
.ui-icon-close{
background-position: -80px -128px;
}
.ui-icon-closethick{
background-position: -96px -128px;
}
.ui-icon-key{
background-position: -112px -128px;
}
.ui-icon-lightbulb{
background-position: -128px -128px;
}
.ui-icon-scissors{
background-position: -144px -128px;
}
.ui-icon-clipboard{
background-position: -160px -128px;
}
.ui-icon-copy{
background-position: -176px -128px;
}
.ui-icon-contact{
background-position: -192px -128px;
}
.ui-icon-image{
background-position: -208px -128px;
}
.ui-icon-video{
background-position: -224px -128px;
}
.ui-icon-script{
background-position: -240px -128px;
}
.ui-icon-alert{
background-position: 0 -144px;
}
.ui-icon-info{
background-position: -16px -144px;
}
.ui-icon-notice{
background-position: -32px -144px;
}
.ui-icon-help{
background-position: -48px -144px;
}
.ui-icon-check{
background-position: -64px -144px;
}
.ui-icon-bullet{
background-position: -80px -144px;
}
.ui-icon-radio-on{
background-position: -96px -144px;
}
.ui-icon-radio-off{
background-position: -112px -144px;
}
.ui-icon-pin-w{
background-position: -128px -144px;
}
.ui-icon-pin-s{
background-position: -144px -144px;
}
.ui-icon-play{
background-position: 0 -160px;
}
.ui-icon-pause{
background-position: -16px -160px;
}
.ui-icon-seek-next{
background-position: -32px -160px;
}
.ui-icon-seek-prev{
background-position: -48px -160px;
}
.ui-icon-seek-end{
background-position: -64px -160px;
}
.ui-icon-seek-start{
background-position: -80px -160px;
}

.ui-icon-seek-first{
background-position: -80px -160px;
}
.ui-icon-stop{
background-position: -96px -160px;
}
.ui-icon-eject{
background-position: -112px -160px;
}
.ui-icon-volume-off{
background-position: -128px -160px;
}
.ui-icon-volume-on{
background-position: -144px -160px;
}
.ui-icon-power{
background-position: 0 -176px;
}
.ui-icon-signal-diag{
background-position: -16px -176px;
}
.ui-icon-signal{
background-position: -32px -176px;
}
.ui-icon-battery-0{
background-position: -48px -176px;
}
.ui-icon-battery-1{
background-position: -64px -176px;
}
.ui-icon-battery-2{
background-position: -80px -176px;
}
.ui-icon-battery-3{
background-position: -96px -176px;
}
.ui-icon-circle-plus{
background-position: 0 -192px;
}
.ui-icon-circle-minus{
background-position: -16px -192px;
}
.ui-icon-circle-close{
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e{
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s{
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w{
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n{
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e{
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s{
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w{
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n{
background-position: -160px -192px;
}
.ui-icon-circle-zoomin{
background-position: -176px -192px;
}
.ui-icon-circle-zoomout{
background-position: -192px -192px;
}
.ui-icon-circle-check{
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus{
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus{
background-position: -16px -208px;
}
.ui-icon-circlesmall-close{
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus{
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus{
background-position: -64px -208px;
}
.ui-icon-squaresmall-close{
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical{
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal{
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical{
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal{
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se{
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se{
background-position: -80px -224px;
}


.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl{
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr{
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl{
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br{
border-bottom-right-radius: 3px;
}

.ui-widget-overlay{
background: #aaaaaa;
opacity: 0.3;
-ms-filter: "alpha(opacity=30)";
}
.ui-widget-shadow{
box-shadow: 0 0 5px #666666;
}
.ui-icon,
.ui-widget-content .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_444444_256x240.png?1707241332);
}
.ui-widget-header .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_444444_256x240.png?1707241332);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_555555_256x240.png?1707241332);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_ffffff_256x240.png?1707241332);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_777620_256x240.png?1707241332);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_cc0000_256x240.png?1707241332);
}
.ui-button .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_777777_256x240.png?1707241332);
}

.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus{
outline: none;
}
.slick-list.dragging{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
transform: translate3d(0,0,0);
}
.slick-track{
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,.slick-track:after{
content: "";
display: table;
}
.slick-track:after{
clear: both;
}
.slick-loading .slick-track{
visibility: hidden;
}
.slick-slide{
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide{
float: right;
}
.slick-slide img{
display: block;
}
.slick-slide.slick-loading img{
display: none;
}
.slick-slide.dragging img{
pointer-events: none;
}
.slick-initialized .slick-slide{
display: block;
}
.slick-loading .slick-slide{
visibility: hidden;
}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
display: none;
}

.slick-loading .slick-list{
background: #fff  url(/src_project/sites/wav_karpfen/css/3/"/ajax-loader.gif") center center no-repeat;
}

@font-face{
font-family: "slick";
src:  url("/src_project/fonts/slick/slick.eot");
src:  url("/src_project/fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("/src_project/fonts/slick/slick.woff") format("woff"), url("/src_project/fonts/slick/slick.ttf") format("truetype"), url("/src_project/fonts/slick/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}

.slick-prev,
.slick-next{
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0,-50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before{
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev{
left: -25px;
}
[dir=rtl] .slick-prev{
left: auto;
right: -25px;
}
.slick-prev:before{
content: "←";
}
[dir=rtl] .slick-prev:before{
content: "→";
}
.slick-next{
right: -25px;
}
[dir=rtl] .slick-next{
left: -25px;
right: auto;
}
.slick-next:before{
content: "→";
}
[dir=rtl] .slick-next:before{
content: "←";
}

.slick-dotted.slick-slider{
margin-bottom: 30px;
}
.slick-dots{
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li{
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,.slick-dots li button:focus{
outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
opacity: 1;
}
.slick-dots li button:before{
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
color: black;
opacity: 0.75;
}
.SumoSelect > .CaptionCont > label{
margin: 0;
}
#dw-gmap canvas,
#dw-gmap img{
max-width: none;
}
#dw-gmap .gm-style-iw span{
display: block;
clear: both;
max-width: 300px;
}

.shariff ul,
.shariff li{
display: inline-block;
margin: 0;
list-style: none;
}
.shariff li.shariff-button > a{
margin: 0;
}
.shariff li.shariff-button > a .share_text{
display: none;
}
.shariff li.shariff-button > a .fa{
display: inline-block;
width: 3.6rem;
height: 3.6rem;
margin: 1rem 0.5em 1rem 0;
vertical-align: middle;
background-repeat: no-repeat;
background-position-y: 50%;
}
.shariff li.shariff-button > a .fa-facebook{
background-color: #3b5998;
background-image:  url(/src_project/img/social/fb.png?1706205228);
}
.shariff li.shariff-button > a .fa-twitter{
background-color: #1b9ae7;
background-image:  url(/src_project/img/social/twitter.png?1706205228);
}
.shariff li.shariff-button > a .fa-google-plus{
background-color: #db4437;
background-image:  url(/src_project/img/social/google.png?1706205228);
}
.shariff li.shariff-button > a .fa-xing{
background-color: #007c7c;
background-image:  url(/src_project/img/social/xing.png?1706205228);
}

.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus{
outline: none;
}
.slick-list.dragging{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
transform: translate3d(0,0,0);
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,.slick-track:after{
display: table;
content: "";
}
.slick-track:after{
clear: both;
}
.slick-loading .slick-track{
visibility: hidden;
}
.slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide{
float: right;
}
.slick-slide img{
display: block;
}
.slick-slide.slick-loading img{
display: none;
}
.slick-slide.dragging img{
pointer-events: none;
}
.slick-initialized .slick-slide{
display: block;
}
.slick-loading .slick-slide{
visibility: hidden;
}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
display: none;
}
.affix{
position: fixed;
z-index: 100;
top: 0;
width: 100%;
}
header.affix{
box-shadow: 2px 3px 7px rgba(0,0,0,0.5);
}
#main-header{
position: fixed;
z-index: 150;
top: 0;
width: 100%;
}
body{
padding-top: 198px;
}
.toplinks{
font-size: 14px;
font-weight: 500;
line-height: 3rem;
height: 3rem;
transition: all 0.4s ease;
color: #ffffff;
background-color: #00763a;
}
.toplinks span{
display: inline-block;
margin-right: 20px;
}
.toplinks ul{
display: inline;
}
.toplinks ul a{
color: #ffffff;
}
.toplinks .js-toggle-toplinks{
font-weight: 500;
float: right;
text-transform: none;
color: #ffffff;
}
.toplinks .js-toggle-toplinks > svg{
width: auto;
height: 13px;
fill: currentColor;
}
.toplinks .js-toggle-toplinks .svgicon-quicklink-plus{
width: 0.6em;
height: 0.6em;
}
@media (max-width: 991px){
.toplinks span,
.toplinks{
display: none;
}
}
@media (max-width: 991px){
.toplinks{
font-size: 1.2rem;
}
}
.toplinks__bundeslander{
display: block;
}
.toplinks__bundeslander a{
text-transform: uppercase;
}
.toplinks__bundeslander .js-toggle-toplinks{
color: #ffffff;
}
.toplinks__bundeslander ul,
.toplinks__bundeslander li{
margin-top: 0;
}
.toplinks--visible .toplinks__bundeslander{
display: none;
}
.toplinks__quick{
display: none;
color: #cce1d3;
}
.toplinks__quick span{
margin-right: 20px;
color: #00517e;
}
.toplinks__quick a{
font-weight: 500;
}
.toplinks__quick ul,
.toplinks__quick li{
margin-top: 0;
}
.toplinks__quick .js-toggle-toplinks{
font-weight: 500;
color: #ffffff;
}
.toplinks--visible{
background-color: #f4f4f4;
}
.toplinks--visible .toplinks__quick{
display: block;
color: #606060;
}
.toplinks--visible .toplinks__quick a{
color: #606060;
}
.toplinks--visible .toplinks__quick ul li{
color: #606060;
}
.toplinks--visible .toplinks__quick ul li a{
color: #606060;
}
header{
border-bottom: 1px solid #dcdcdc;
background-color: #ffffff;
}
header .logo{
display: table-cell;
max-width: 273px;
height: 120px;
max-height: 120px;
transition: all 0.4s ease;
vertical-align: middle;
}
header .logo .logo__logo{
width: auto;
height: 90px;
max-height: 90px;
}
header .merkliste,
header .hamburger-close,
header .search-close{
position: relative;
width: 25px;
height: 20px;
margin-top: 20px;
margin-right: 20px;
margin-left: 10px;
border: 0;
background-color: transparent !important;
}
header .merkliste svg,
header .hamburger-close svg,
header .search-close svg{
position: absolute;
top: 0;
left: 0;
width: auto;
height: 20px;
fill: #606060;
}
header .merkliste .svgicon-mobilebutton,
header .hamburger-close .svgicon-mobilebutton,
header .search-close .svgicon-mobilebutton{
transition: all 0.4s ease;
transform: rotate(-45deg) scale(0,0);
}
header .merkliste .svgicon-close-mobilebutton,
header .hamburger-close .svgicon-close-mobilebutton,
header .search-close .svgicon-close-mobilebutton{
transition: all 0.4s ease;
transform: rotate(0deg) scale(1,1);
}
header .merkliste.collapsed .svgicon-mobilebutton,
header .hamburger-close.collapsed .svgicon-mobilebutton,
header .search-close.collapsed .svgicon-mobilebutton{
transition: all 0.4s ease;
transform: rotate(0deg) scale(1,1);
}
header .merkliste.collapsed .svgicon-close-mobilebutton,
header .hamburger-close.collapsed .svgicon-close-mobilebutton,
header .search-close.collapsed .svgicon-close-mobilebutton{
transition: all 0.4s ease;
transform: rotate(45deg) scale(0,0);
}
header .navbar-default{
margin-bottom: 0;
border: 0;
background-color: #ffffff;
}
@media (min-width: 992px){
header .cont-service-menu{
clear: both;
width: 100%;
background-color: #00517e;
}
header .cont-service-menu .service-menu li{
margin: 0 0.4em;
}
header .cont-service-menu .service-menu li a{
font-size: 14px;
font-weight: 500;
padding: 14px 5px 14px 5px !important;
color: #ffffff !important;
}
header .cont-service-menu .service-menu li a svg{
width: auto;
height: 16px;
margin-right: 7px;
vertical-align: text-bottom;
fill: currentColor;
}
header .cont-service-menu .service-menu.social-header li{
margin: 0 0.3em 0 0;
}
header .cont-service-menu .service-menu.social-header li a{
padding: 13px 0 0 0 !important;
}
header .cont-service-menu .service-menu.social-header li a svg{
height: 22px;
margin-right: 0 !important;
}
header .navbar-collapse{
float: right;
text-align: right;
}
header .navbar-collapse.menus{
width: 100%;
text-align: right;
}
header .navbar-collapse .navbar-nav{
float: right;
clear: both;
margin-top: 2.85em;
margin-bottom: 2.85em;
transition: all 0.4s ease;
}
header .navbar-collapse .navbar-nav li{
font-weight: 500;
}
header .navbar-collapse .navbar-nav li a{
font-size: 16px;
padding: 5px 10px 5px 10px;
color: #000000;
}
header .navbar-collapse .navbar-nav li.open a{
color: #000000;
background-color: transparent;
}
header .navbar-collapse .navbar-nav li.open a:hover{
color: #000000;
background-color: transparent;
}
}
header .navbar-default .navbar-nav > .active > a{
color: #00517e;
background-color: transparent;
}
header .navbar-default .navbar-nav > .active > a:hover,
header .navbar-default .navbar-nav > .active > a:focus,
header .navbar-default .navbar-nav > .active > a:visited{
color: #00517e;
background-color: transparent;
}
@media (min-width: 992px){
header .dropdown-menu{
margin-top: 0 !important;
padding: 0;
border-top: 2px solid #00517e;
border-radius: 0;

}
header .dropdown-menu::before{
position: absolute;
top: -18px;
left: 30px;
overflow: hidden;
width: 0;
height: 0;
content: "";
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #00517e transparent;
}
header .dropdown-menu li a{
font-weight: 500;
position: relative;
padding: 6px 10px !important;
color: #000000;
background-color: #ffffff;
}
header .dropdown-menu li a:hover{
color: #ffffff !important;
background-color: #00517e !important;
}
header .dropdown-menu li a .menu-arrow{
position: absolute;
top: 10px;
right: 0;
height: 12px;
margin-left: 4px;
transition: all 0.4s ease;
vertical-align: middle;
fill: #00517e;
}
}
@media (min-width: 992px) and (min-width: 992px){
header .dropdown-menu li a .menu-arrow{
transform: rotate(0deg) !important;
}
}
@media (min-width: 992px){
header .dropdown-menu .dropdown-menu{
left: 10px !important;
margin-top: -35px !important;
border-top: 0;
border-left: 2px solid #00517e;
}
header .dropdown-menu .dropdown-menu::before{
position: absolute;
top: 10px;
left: -18px;
overflow: hidden;
width: 0;
height: 0;
content: "";
transform: rotate(-90deg);
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #00517e transparent;
}
header .dropdown-menu .dropdown-menu li a{
font-weight: 500;
position: relative;
}
header .dropdown-menu .leftOfItem::before{
position: absolute;
top: 10px;
right: -18px;
left: auto;
overflow: hidden;
width: 0;
height: 0;
content: "";
transform: rotate(90deg);
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #00517e transparent;
}
header .dropdown-menu .leftOfItem::after{
top: 156px;
right: -18px !important;
left: auto !important;
border-width: 8px;
border-color: transparent transparent white transparent;
}
header .dropdown-menu .leftOfItem{
left: -10px !important;
border-right: 2px solid #00517e;
border-left: 0 solid #00517e;
}
}
header svg{
width: 20px;
margin-right: 5px;
}
header .menu-arrow{
height: 12px;
margin-left: 4px;
transition: all 0.4s ease;
transform: rotate(90deg);
vertical-align: middle;
fill: #00517e;
}
@media (max-width: 991px){
header .navbar-header{
padding: 0.3em 0;
}
header .navbar-header .logo{
display: table-cell;
max-width: 200px;
height: auto;
max-height: auto;
padding-left: 1em;
vertical-align: middle;
}
header .navbar-header .logo .logo__logo{
height: 60px;
max-height: 60px;
}
header #main-menu{
overflow-y: auto;

margin-top: 0;
margin-bottom: 0;
}
header #main-menu > li,
header #main-menu > li > ul > li{
border-bottom: 1px solid #dcdcdc;
}
header #main-menu > li > ul > li:last-child,
header #main-menu > li > ul > li > ul > li:last-child{
border-bottom: 0;
}
header .logo{
display: table-cell;
max-width: 250px;
height: 60px;
max-height: 60px;
padding-top: 0;
vertical-align: middle;
}
header .logo .logo__logo{
width: auto;
height: 60px;
max-height: 60px;
}
}
@media (max-width: 991px){
header{
border-top: 3px solid #00517e;
}
header nav li{
position: relative;
}
header nav li .menu-arrow{
position: absolute;
top: 13px;
right: 15px;
display: block;
width: auto;
height: 12px;
margin-top: 0;
margin-left: 4px;
transition: all 0.4s ease;
transform: rotate(0deg);
vertical-align: middle;
fill: #00517e;
}
header nav li .highlighted .menu-arrow{
transition: all 0.4s ease;
transform: rotate(90deg);
}
}
#search-mobile{
margin-right: -15px !important;
margin-left: -15px !important;
}
#search-mobile #search-form{
width: 100%;
padding: 3px 5%;
}
#search-mobile #search-form svg{
fill: #606060;
}
#search-mobile #search-form input{
color: #606060;
}
#search-mobile #search-form input:focus{
outline: none;
}
@media (min-width: 991px) and (max-width: 991px){
header .navbar-collapse{
width: 100%;
}
header .navbar-collapse .navbar-nav li a{
text-align: left;
}
}

@media (max-width: 991px){
body{
padding-top: 70px !important;
}
.navbar-header{
float: none;
}
.navbar-left,
.navbar-right{
float: none !important;
}
.navbar-toggle{
display: block;
}
.navbar-collapse{
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top{
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse{
display: none !important;
}
.navbar-nav{
float: none !important;
margin-top: 7.5px;
}
.navbar-nav > li{
float: none;
}
.navbar-nav > li > a{
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display: block !important;
}
.navbar-nav .open .dropdown-menu{
position: static;
float: none;
width: auto;
margin-top: 0;
padding: 0;
border: 0;
background-color: transparent;
box-shadow: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
color: #777;
}
.navbar-nav .open .dropdown-menu > li > a{
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header{
padding: 8px 15px 8px 25px;
}
.dropdown-menu > .active > a{
color: #00517e !important;
background-color: transparent !important;
}
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
color: #ffffff !important;
background-color: #00517e !important;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav .open > a:visited{
color: #00517e !important;
border-color: #dcdcdc;
background-color: transparent !important;
}
.header--underlined{
margin-top: 1em;
border-top: 0 !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px){
header .logo{
display: table-cell;
max-width: 250px;
height: 120px;
max-height: 120px;
vertical-align: middle;
}
header .logo .logo__logo{
max-width: 200px;
}
}
@media (max-width: 767px){
.header--underlined{
margin-top: 2em;
border-top: 0 !important;
}
}

@media (min-width: 992px){
header.affix .toplinks,
header.affix .logo{
display: none;
overflow: hidden;
height: 0;
transition: all 0.4s ease;
}
header.affix .logo{
max-width: 0;
height: 0;
max-height: 0;
transition: all 0.4s ease;
}
header.affix .cont-service-menu{
background-color: #00763a !important;
}
header.affix .cont-service-menu .service-menu li a{
padding: 9px 5px 9px 5px !important;
transition: all 0.4s ease;
color: #ffffff !important;
}
header.affix .cont-service-menu .service-menu.social-header li a{
padding: 8px 0 0 0 !important;
}
header.affix .cont-service-menu #search-form{
margin: 5px 0 !important;
padding: 3px 0;
color: #ffffff;
border: 1px solid #ffffff;
background-color: #00763a;
}
header.affix .cont-service-menu #search-form button svg{
transition: all 0.4s ease;
fill: #ffffff !important;
}
header.affix .cont-service-menu #search-form input{
transition: all 0.4s ease;
color: #ffffff !important;
}
header.affix .cont-service-menu #search-form input::placeholder{
opacity: 1;
color: #ffffff !important;
filter: alpha(opacity=100);

}
header.affix .navbar-collapse .navbar-nav{
margin-top: 0.55em !important;
margin-bottom: 0.55em !important;
transition: all 0.4s ease;
}
header.affix .submenue{
display: none;
}
header.affix #main-menu .hidden-desktop,
header.affix #main-menu hidden-md,
header.affix #main-menu hidden-lg{
display: block !important;
}
}
@media (max-width: 991px){
#navbar.navbar-collapse{
position: fixed !important;
left: 0;
width: 100% !important;
margin: 0 !important;
transition: all 0.4s ease;
background-color: #ffffff;
}
#navbar.navbar-collapse.collapse.in{
position: fixed !important;
left: 0;
overflow: hidden;
width: 100% !important;
height: calc(100% - 70px) !important;
margin: 0 !important;
transition: all 0.4s ease;
background-color: #ffffff;
}
header #main-menu{
height: 100%;
}
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:visited{
color: #00517e !important;
background-color: transparent !important;
}
.dropdown-menu > .active > a:hover{
color: #ffffff !important;
background-color: #00517e !important;
}

#main-menu .aClassDummy7355 del,
#main-menu .aClassDummy5193 del,
#main-menu .aClassDummy5191 del,
#main-menu .aClassDummy5113 del,
#main-menu .aClassDummy5116 del{
text-decoration: none;
color: #656563;
}
#main-menu .aClassDummy7355 del span:before,
#main-menu .aClassDummy5193 del span:before,
#main-menu .aClassDummy5191 del span:before,
#main-menu .aClassDummy5113 del span:before,
#main-menu .aClassDummy5116 del span:before{
display: inline-block;
width: 9px;
height: 12px;
margin-right: 5px;
content: "";
color: #656563;
background:  url("/src_project/svg/portal/login.svg") no-repeat right center;
background-size: 9px 12px;
}
#main-menu .aClassDummy7355 span:before,
#main-menu .aClassDummy5193 span:before,
#main-menu .aClassDummy5191 span:before,
#main-menu .aClassDummy5113 span:before,
#main-menu .aClassDummy5116 span:before{
display: inline-block;
width: 9px;
height: 12px;
margin-right: 5px;
content: "";
background:  url("/src_project/svg/portal/logout.svg") no-repeat right center;
background-size: 9px 12px;
}
header .container{
position: relative;
}
.has-mega-menu .mega-menu{
display: none;
}
.has-mega-menu.open .mega-menu{
display: block;
}
.sub-arrow{
display: none;
}
#main-menu{
position: static !important;
clear: both;
box-shadow: none;
}
#main-menu > .has-mega-menu{
position: static !important;
}
#main-menu .mega-menu{
position: absolute;
right: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
color: #353451;
border-top: 2px solid #00517e;
background-color: #fff;
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
#main-menu .mega-menu > li{
overflow: auto;
}
#main-menu .mega-menu ul{
position: static;
display: block;
width: auto;
margin: 0;
padding: 0;
list-style: none;
border: 0;
background: transparent;
box-shadow: none;
}
#main-menu .mega-menu ul li a{
position: relative;
width: 100%;
padding: 6px 10px !important;
color: #000000;
background-color: #ffffff;
}
#main-menu .mega-menu ul li a:hover{
color: #ffffff;
background-color: #00517e !important;
}
#main-menu .mega-menu ul li.active a{
color: #00517e !important;
}
#main-menu .mega-menu ul li.active a:hover{
color: #ffffff !important;
}
#main-menu .mega-menu a{
line-height: 22px;
display: block;
padding: 0;
color: #00517e;
border: 0;
background: transparent;
}
#main-menu .mega-menu .column-1-3{
padding: 0.8em 0;
}
#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down{
margin-left: 0 !important;
}
@media (min-width: 992px){
#main-menu{
float: right;
clear: none;
}
.has-mega-menu .mega-menu{
display: none;
}
.has-mega-menu.open .mega-menu{
display: block;
}
.has-mega-menu.open > a::after{
position: absolute;
bottom: -1px;
left: 30px;
overflow: hidden;
width: 0;
height: 0;
content: "";
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #00517e transparent;
}
}





@media (min-width: 992px){
#main-menu .mega-menu .column-1-3{
float: none;
text-align: left;
column-count: 4;
}
}

#main-menu:before{
font: 1px/1px sans-serif;
display: block;
overflow: hidden;
height: 1px;
content: "";
}
@media (min-width: 992px){
#main-menu:before{
display: none;
}
}

.main-menu-btn{
position: relative;
display: inline-block;
float: right;
overflow: hidden;
width: 29px;
height: 29px;
margin: 10px;
cursor: pointer;
white-space: nowrap;
text-indent: 29px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.main-menu-btn-icon{
position: absolute;
top: 50%;
left: 2px;
width: 24px;
height: 2px;
transition: all 0.25s;
background: #fff;
}
.main-menu-btn-icon:before,.main-menu-btn-icon:after{
position: absolute;
top: 50%;
left: 2px;
width: 24px;
height: 2px;
transition: all 0.25s;
background: #fff;
}
.main-menu-btn-icon:before{
top: -7px;
left: 0;
content: "";
}
.main-menu-btn-icon:after{
top: 7px;
left: 0;
content: "";
}

#main-menu-state{
position: absolute;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon{
height: 0;
background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before{
top: 0;
transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after{
top: 0;
transform: rotate(45deg);
}
#main-menu-state:not(:checked) ~ #main-menu{
display: none;
}
#main-menu-state:checked ~ #main-menu{
display: block;
}


@media (min-width: 992px){

.main-menu-btn{
position: absolute;
top: -99999px;
}

#main-menu-state:not(:checked) ~ #main-menu{
display: block;
}
}
@media (max-width: 991px){
#main-menu .mega-menu{
position: initial !important;
right: 0 !important;
width: auto !important;
max-width: none !important;
margin: 0;
margin-left: 0 !important;
padding: 0;
border-top: 0 !important;
box-shadow: 0 0 0 rgba(0,0,0,0.175) !important;
}
#main-menu .mega-menu ul li{
border-bottom: 1px solid #dcdcdc;
}
#main-menu .mega-menu ul li a{
font-size: 14px;
font-weight: 400;
line-height: auto !important;
position: relative;
width: 100%;
padding: 8px 15px 8px 25px !important;
color: #777 !important;
background-color: #ffffff;
}
#main-menu .mega-menu ul li a:hover{
color: #ffffff;
background-color: #00517e !important;
}
#main-menu .mega-menu a{
line-height: auto !important;
padding: 5px 15px 5px 25px !important;
}
#main-menu .mega-menu .column-1-3{
padding: 0 0;
}
}
body{
font-family: "Roboto",sans-serif;
font-size: 16px;
line-height: 1.2;
color: #000000;
background-color: #ffffff;
}
body.prova2{
padding-top: 0;
}
*{
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
}
@font-face{
font-family: lko;
font-weight: normal;
font-display: swap;
src:  url("/src_project/sites/portal/css/fonts/lko/lko.woff") format("woff");
}
[class^=svgicon-],
[class*=" svgicon-"]{
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
}
svg{
vertical-align: middle;
fill: currentColor;
}
.fullimage img{
width: 100%;
}
.fullimage figcaption{
text-align: right;
}
.box-grey{
background-color: #f4f4f4;
}
.breadcrumb{
margin-top: -2.3em;
margin-bottom: 25px;
padding: 0.5em 0;
list-style: none;
border-radius: 4px;
background-color: transparent;
}
.breadcrumb > li{
font-size: 13px;
display: inline-block;
color: #616161;
}
.breadcrumb > li a{
color: #616161;
}
.breadcrumb > li a:hover{
color: #616161;
}
.breadcrumb > li + li:before{
padding: 0 5px;
content: "> ";
color: #616161;
}
.breadcrumb > .active{
color: #616161;
}
.content-container{
font-size: 16px;
line-height: 22px;
margin: 0 0 2em 0 !important;
}
.content-container .teaser.summary{
font-size: 16px;
line-height: 22px;
color: #606060;
}
h1,
h2,
h3,
h4{
margin: 0 0 0.5em 0;
padding: 0;
}
h1{
font-size: 30px;
}
h2{
font-size: 18px;
font-weight: 600;
}
h3{
font-size: 16px;
font-weight: 600;
}
a{
text-decoration: none;
color: #000000;
}
a:hover{
transition: all 0.2s linear 0s;
-webkit-transition-delay: 0s;
text-decoration: none;
color: currentColor;
}
a:active,a:focus,a:visited{
text-decoration: none;
color: currentColor;
outline: none;
}
.media-content figure{
display: table;
}
figcaption{
font-size: 1.4px;
line-height: 1.2;
display: table-caption;
margin-top: 0.5em;
table-layout: fixed;
caption-side: bottom;
text-align: left;
color: #606060;
}
.small{
font-size: 14px !important;
}
a[href^="mailto:"]{
text-decoration: none;
color: #00517e;
}
a[href^="mailto:"]:hover{
text-decoration: underline;
}
ol,
ul,
li{
margin: 0;
padding: 0;
list-style-type: none;
}
.glyphicon{
font-family: "Glyphicons Halflings";
font-weight: 400;
font-style: normal;
line-height: 1;
position: relative;
top: 1px;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

img{
max-width: 100%;
height: auto;
}
section::after,
section::before{
display: table;
clear: both;
content: " ";
}
figure{
display: table;
min-width: 10px;
}
.media-left,
.figure--left{
float: left;
}
.figure--left{
margin-right: 3rem;
margin-bottom: 1rem;
}
.figure--right{
float: right;
margin-right: 0;
margin-bottom: 1rem;
margin-left: 3rem;
}
.header--underlined h1{
font-weight: 600;
}
.content-tabs{
overflow: hidden;
margin: 1em 0 0 0;
}
.content-tabs.line-bot{
border-bottom: 1px solid #dcdcdc;
}
.content-tabs .tab-navigation{
padding-left: 0;
list-style: none;
}
.content-tabs .tab-navigation li{
font-size: 14px;
line-height: 1em;
display: inline-block;
float: left;
margin: 4px 2px 0 0;
padding: 1rem 1.3rem;
text-align: center;
color: #606060;
background-color: #f4f4f4;
}
.content-tabs .tab-navigation li svg{
max-width: 20px;
height: 20px;
margin-right: 3px;
vertical-align: text-top;
fill: #606060;
}
.content-tabs .tab-navigation li a{
color: #606060;
}
.content-tabs .tab-navigation li.active,.content-tabs .tab-navigation li:hover{
color: #ffffff;
background-color: #00517e;
}
.content-tabs .tab-navigation li.active svg,.content-tabs .tab-navigation li:hover svg{
fill: #ffffff;
}
.content-tabs .tab-navigation li.active a,.content-tabs .tab-navigation li:hover a{
color: #ffffff;
}
figcaption{
font-size: 14px;
padding: 5px 0;
caption-side: bottom;
text-align: left;
color: #606060;
}
.open-info{
position: absolute;
right: 20px;
bottom: 20px;
text-align: center;
}
.open-info svg{
width: 25px;
height: 25px;
vertical-align: middle;
border: 1px solid #ffffff;
border-radius: 100px;
background-color: #ffffff;
}
.SumoSelect > .CaptionCont > label > i{
background-image: none !important;
}
.icon-dropdown::before,
.SumoSelect > .CaptionCont > label > i::before{
font-family: "gwb" !important;
font-size: 12px;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
position: relative;
top: 0;
content: "i";
text-transform: none !important;
}
.link-external::after,
footer a[href*=http]:not([href*="partner.noe.lko.or.at"])::after,
.tablecell a[href*=http]:not([href*="partner.noe.lko.or.at"])::after{
font-family: "lko" !important;
font-size: 0.5em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
margin-left: 0.75em;
content: "l";
text-transform: none !important;
color: #00517e;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.recipe .tab-navigation li{
line-height: 30px !important;
height: 35px;
padding: 2px 2rem !important;
}
.recipe .tab-navigation li svg{
max-width: 30px;
height: 30px;
margin-right: 10px !important;
vertical-align: top;
}
.recipe.fotoservice{
margin-top: 2em;
}
.recipe.fotoservice li h2{
font-size: 18px;
font-weight: 600;
margin-bottom: 3px;
}
.recipe.fotoservice li .cont-i{
width: 100%;
min-height: 107px;
margin: 0;
padding: 22px 20px 0 20px;
border: 1px solid #dcdcdc;
}
.recipe.fotoservice li .cont-i .link-more{
display: block;
margin-bottom: 22px;
}
.recipe.fotoservice li figure{
position: relative;
display: block;
width: 100%;
}
.recipe.fotoservice li .open-info{
right: 10px;
bottom: 10px;
}
.recipe.fotoservice li .open-info svg{
width: 30px;
height: 30px;
}
.recipe.fotoservice li .gradient{
bottom: 1px !important;
left: 1.1em !important;
width: 82% !important;
}
.recipe.fotoservice.fotoservice--small figure a{
display: block !important;
text-align: right;
}
.recipe.fotoservice.fotoservice--small li figure{
position: relative;
display: block;
overflow: hidden;
width: 100%;
min-height: 151px !important;
max-height: 151px !important;
border: 1px solid #dcdcdc;
border-bottom: 0;
background-color: #f4f4f4;
}
.color1 svg{
fill: #003249 !important;
}
.color2 svg{
fill: #80ced7 !important;
}
.color3 svg{
fill: #19647e !important;
}
.color4 svg{
fill: #556f7a !important;
}
.color5 svg{
fill: #39a9db !important;
}
.link-more{
font-size: 16px;
font-weight: 400;
color: #00517e;
}
.link-more::after{
font-family: "lko" !important;
font-size: 10px;
font-weight: 100;
content: "J";
}
#search-form{
width: 260px;
margin: 10px 0 0 0 !important;
padding: 5px 2px;
border: 1px solid #b4b4b4;
border-radius: 3px;
background-color: #ffffff;
}
#search-form input{
font-size: 1.4rem;
line-height: 2rem;
width: calc(100% - 40px);
padding: 0;
transition: all 0.4s ease;
color: #a5a5a5;
border: 0;
background-color: transparent;
}
#search-form input:focus{
outline: none;
}
#search-form input::placeholder{
font-size: 12px;
}
#search-form button{
float: right;
max-width: 35px;
text-align: center;
border: none;
background-color: transparent;
}
#search-form button svg{
width: 20px;
vertical-align: middle;
fill: #b2b2b2;
}
#search-form button:focus{
outline: none;
}
header #search-form{
width: 260px;
margin: 6px 0 !important;
padding: 7px 0;
border: 0;
border-radius: 3px;
background-color: #ffffff;
}
header #search-form input{
font-size: 14px;
line-height: 22px;
width: calc(100% - 47px);
margin: 0 0 0 10px;
padding: 0;
color: #a5a5a5;
border: 0;
background-color: transparent;
}
header #search-form button{
float: right;
width: 30px;
max-width: 30px;
margin: 0 5px 0 0;
text-align: center;
border: none;
background-color: transparent;
}
header #search-form button svg{
width: 20px;
vertical-align: middle;
fill: #b2b2b2;
}
.columns-2{
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
}
.columns-3{
-ms-column-count: 3;
-o-column-count: 3;
column-count: 3;
}

.table-responsive{
clear: both;
width: 100%;
}
table{
font-size: 16px;
margin-top: 1em;
}
table caption{
padding-left: 10px;
color: #ffffff;
background-color: #00517e;
}
table > thead > tr > th,table > thead > tr > td{
padding: 8px 10px;
border-bottom-width: 1px;
}
table > tbody > tr > th,table > tbody > tr > td{
padding: 8px 10px;
}
.tab-info{
font-size: 12px;
position: relative;
clear: both;
margin-bottom: 0.5em;
}
.tab-info.collapsed .arrow-tab{
position: absolute;
top: 3px;
right: -15px;
width: 6px;
height: auto;
margin-left: 4px;
transition: all 0.4s ease;
transform: rotate(0deg);
}
.tab-info .arrow-tab{
position: absolute;
top: 3px;
right: -15px;
width: 6px;
height: auto;
margin-left: 4px;
transition: all 0.4s ease;
transform: rotate(90deg);
}
.tab-info-open{
font-size: 12px;
}
.tab-info-open div{
float: left;
margin-right: 20px;
}
.tab-info-open .button{
margin-right: 10px;
}
.tab-info-open .button a{
font-size: 12px !important;
padding: 0.7em 0.6em !important;
}

.filter-horizontal{
margin-top: 6px;
margin-left: 10px;
}
.filter-horizontal li{
font-size: 14px;
padding: 0 1.8em;
color: #606060;
}
.filter-horizontal li.zuruck-link{
float: right;
padding-right: 0;
}
.filter-horizontal li.zuruck-link > a:hover{
background-color: transparent;
}
.filter-horizontal li + li{
margin-left: 0;
}
.filter-horizontal.buttons-line{
margin-top: 32px !important;
margin-bottom: 20px !important;
}
.filter-horizontal.buttons-line li{
width: auto !important;
height: auto !important;
}
.filter-horizontal.buttons-line li.zuruck-link{
float: left;
padding-right: 0;
}
.filter-horizontal.buttons-line .zuruck-link{
font-size: 14px;
padding-right: 0;
}
.filter-horizontal.buttons-line .zuruck-link a{
font-size: 14px;
margin-left: 1.6em;
padding: 0.47em 1em;
text-decoration: underline;
color: #00517e;
background-color: transparent;
}
.filter-horizontal.buttons-line .zuruck-link a:hover{
opacity: 0.8;
color: #616161;
background-color: transparent !important;
}
.filter-horizontal.buttons-line .sumbit-filter{
font-size: 16px;
display: inline-block;
padding: 0.32em 1.8em;
color: #ffffff;
border-radius: 4px;
background-color: #00517e;
}
.filter-horizontal.buttons-line .sumbit-filter svg{
height: 20px;
margin-right: 5px;
vertical-align: middle;
}
.filter-horizontal.buttons-line .sumbit-filter:hover{
background-color: #00517e;
}
.filter-horizontal h3{
font-size: 14px;
font-weight: 400;
margin-top: 9px;
padding-left: 1em;
color: #00517e;
}
.filter-horizontal h3 svg{
height: 16px;
margin-right: 5px;
}
.filter-horizontal .checkbox{
margin-top: 9px;
margin-bottom: 0;
}
.filter-horizontal .checkbox input[type=checkbox],
.filter-horizontal .checkbox-inline input[type=checkbox]{
margin-top: 2px;
border-color: #606060;
}
.termine-filter .filter-horizontal{
margin-top: 6px;
margin-left: 0;
}
.termine-filter .filter-horizontal li{
font-size: 14px;
display: block;
overflow: hidden;
width: 12%;
height: 37px;
margin: 0;
margin-left: 0;
padding: 0;
color: #606060;
}
.termine-filter .filter-horizontal li > div > a{
display: block;
margin: 0;
padding-top: 5px;
color: #00517e;
}
.termine-filter .filter-horizontal .zuruck-link{
font-size: 12px !important;
width: auto !important;
margin: 0;
}
.termine-filter .checkbox{
margin-top: 0;
margin-bottom: 0;
}
@media (max-width: 1200px){
.filter-horizontal li{
padding: 0 0.8em;
}
.termine-filter .filter-horizontal li{
width: auto;
padding-right: 10px;
}
}
@media (max-width: 992px){
.filter-horizontal h3 span{
display: none;
}
.filter-horizontal li{
font-size: 14px;
padding: 0 0.6em;
color: #606060;
}
}
@media (max-width: 767px){
.filter-horizontal{
width: 100%;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.filter-horizontal li{
width: 100%;
padding: 0.5em 1em;
border-top: 1px solid #dcdcdc;
}
.filter-horizontal h3{
padding-left: 0;
}
.filter-horizontal h3 span{
display: initial;
}
.filter-horizontal .zuruck-link a{
font-size: 14px;
display: inline-block;
padding: 0.6em 1em;
color: #616161;
background-color: #dcdcdc;
}
.filter-horizontal .zuruck-link a:hover{
opacity: 0.8;
color: #616161;
background-color: #dcdcdc !important;
}
.filter-horizontal.buttons-line{
margin-top: 10px !important;
}
.termine-filter .filter-horizontal li{
width: 100%;
padding: 10px;
}
.termine-filter .filter-horizontal .zuruck-link{
height: auto;
margin: 0;
border: 0;
}
.termine-filter .filter-horizontal.buttons-line li{
width: auto;
margin: 0;
padding: 0;
border: 0;
}
.termine-filter .filter-horizontal.buttons-line li .sumbit-filter{
font-size: 14px;
display: inline-block;
padding: 0.6em 1em;
color: #fff;
border-radius: 4px;
background-color: #00517e;
}
}
@media (max-width: 480px){
.filter-horizontal.buttons-line li{
width: 100% !important;
margin: 5px 0 !important;
}
.filter-horizontal.buttons-line li .sumbit-filter,.filter-horizontal.buttons-line li.zuruck-link a,.filter-horizontal.buttons-line li.zuruck-link{
width: 100% !important;
}
.filter-horizontal.buttons-line li.zuruck-link a{
margin-left: 0;
padding: 0.5em 1em;
text-decoration: none;
color: #000000;
background-color: #f4f4f4;
}
}
@media (max-width: 767px){
.table-responsive{
border: 0;
}
}
.cont-newsletter *{
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.cont-newsletter table{
margin: initial;
border-collapse: initial;
}
.cont-newsletter table > tbody > tr > th,
.cont-newsletter table > tbody > tr > td{
padding: initial;
}
@media (max-width: 1200px){
.recipe.fotoservice.fotoservice--small li figure{
min-height: 118px !important;
max-height: 118px !important;
}
}
@media (max-width: 991px){
.recipe.fotoservice.fotoservice--small li figure{
min-height: 87px !important;
max-height: 87px !important;
}
}
@media (max-width: 767px){
.recipe.fotoservice.fotoservice--small li figure{
min-height: 182px !important;
max-height: 182px !important;
}
}
@media (max-width: 610px){
.recipe.fotoservice.fotoservice--small li figure{
min-height: 152px !important;
max-height: 152px !important;
}
}
@media (max-width: 480px){
.recipe.fotoservice.fotoservice--small li figure{
min-height: 100px !important;
max-height: 800px !important;
}
}
a.gallery-open-modal{
position: relative;
display: inline-block;
max-width: 100%;
}
a.gallery-open-modal i{
position: absolute;
right: 5px;
bottom: 5px;
display: block;
width: 25px;
height: 25px;
opacity: 0.9;
filter: alpha(opacity=90);
}
.loginsite ul li::before{
color: #00517e !important;
}
@media (max-width: 480px){
.recipe .tab-navigation li{
width: 100%;
text-align: left;
}
}
.grid02.liste-view .form-row.secure{
margin-top: 1em;
}
.grid02.liste-view.variant-b .form-row.secure{
margin-top: 0.5em;
}
.liste-view.grid02.collapse.in .row{
padding-bottom: 0 !important;
border-bottom: 0 !important;
}

.h2-big,.main-img article h2{
font-size: 26px;
font-weight: 600;
color: #000000;
}
.h2-medium,.site-modal .modal-content .modal-header h3,.second-img article h2{
font-size: 22px;
font-weight: 600;
color: #000000;
}
.h2-small,.tird-image article h2{
font-size: 18px;
font-weight: 600;
color: #000000;
}
.h2-header,section header h2{
font-size: 22px;
font-weight: 600;
}
.p-normal,.site-modal .modal-content .modal-header h4,.tird-image article p,.second-img article p,.main-img article p{
font-size: 16px;
color: #616161;
}
main header,
aside header{
background-color: transparent;
}

section{
margin: 2em 0;
}
.open-info{
z-index: 2;
display: block;
}
.open-info svg{
width: 18px;
height: 18px;
fill: #00517e;
}
.main-img article figure{
width: 100%;
margin-bottom: 1em;
}
.main-img article figure img{
width: 100%;
height: auto;
}
.second-img .col-sm-6,
.second-img .col-sm-4{
margin-bottom: 0.5em;
}
.second-img article figure{
width: 100%;
margin-bottom: 0.5em;
}
.second-img article figure img{
width: 100%;
height: auto;
}
.tird-image article .media-left,
.tird-image article .figure--left{
margin-right: 1em;
}
.tird-image article h2{
margin-bottom: 0.7em;
}
.list-1columns li{
float: left;
width: 100%;
margin-bottom: 1em;
padding-right: 15px;
}
.list-2columns li{
float: left;
width: 50%;
margin-bottom: 1em;
padding-right: 15px;
}
.list-2columns li:nth-of-type(2n+1){
clear: left;
}
.list-2columns li:nth-of-type(2n+2){
padding-right: 0;
padding-left: 15px;
}
.list-3columns li{
float: left;
width: 33.33333333%;
margin-bottom: 1em;
padding-right: 15px;
padding-left: 15px;
}
.list-3columns li:nth-of-type(3n+1){
clear: left;
padding-left: 0;
}
.aside-menu li{
float: left;
width: 100%;
margin: 0.5em 0;
}
.aside-menu h3{
font-size: 18px;
margin: 0;
padding: 0;
}
.aside-menu h3 a{
display: table-cell;
vertical-align: middle;
}
.aside-menu h3 a span{
display: table-cell;
height: 70px;
padding-left: 10px;
vertical-align: middle;
}
.aside-menu h3 a span.menuicon{
display: table-cell;
width: 70px;
height: 70px;
padding: 0;
text-align: center;
vertical-align: middle;
border-radius: 100px;
background-color: #f4f4f4;
}
.aside-menu h3 a span.menuicon svg{
width: 38px;
height: auto;
vertical-align: middle;
fill: #000000;
}
.aside-menu h3 a span.menuicon img{
width: 32px;
height: auto;
vertical-align: middle;
}
.aside-menu h3 a:hover{
color: #00517e;
}
.aside-menu h3 a:hover span.menuicon{
transition: all 0.2s linear 0s;
-webkit-transition-delay: 0s;
color: #ffffff;
background-color: #00517e;
}
.aside-menu h3 a:hover span.menuicon svg{
fill: #ffffff !important;
}
.aside-menu h3 a:hover span.menuicon svg:hover{
fill: #ffffff !important;
}
.aside-menu.svg-version a:hover span.menuicon{
text-align: center;
background-color: #f4f4f4;
}
.aside-menu.svg-version a:hover span.menuicon img{
width: 38px;
}
.aside-menu.svg-version a span.menuicon{
text-align: center;
}
.aside-menu.svg-version a span.menuicon img{
transition: all 0.1s linear 0s;
-webkit-transition-delay: 0s;
}
section header{
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0.5em 0 1em 0;
border: 0 !important;
background-color: transparent;
}
section header h1{
font-size: 30px;
font-weight: 600;
margin: 0;
}
section header h2{
margin: 0;
}
section header .link-more{
font-weight: 500;
position: absolute;
right: 0;
bottom: 1.1em;
color: #00517e;
}
section header .link-more::after{
font-family: "lko" !important;
font-size: 10px;
font-weight: 100;
content: "J";
}
section .subheader{
overflow: hidden;
margin: 0.5em 0;
padding: 0.5em 0;
border-top: 1px solid #dcdcdc;
}
section .subheader .header__info{
font-size: 14px;
color: #858585;
}
section .subheader > :last-child{
float: right;
margin-top: 0;
}
.pagination{
margin: 0 !important;
border-radius: 0 !important;
}
.pagination > .active > a{
border-color: #00517e;
background-color: #00517e;
}
.pagination > .active > a:hover,.pagination > .active > a:focus{
border-color: #00517e;
background-color: #00517e;
}
.pagination > .active > span{
border-color: #00517e;
background-color: #00517e;
}
.pagination > .active > span:hover,.pagination > .active > span:focus{
border-color: #00517e;
background-color: #00517e;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span{
border-radius: 0;
}
.pagination li{
border-radius: 0 !important;
}
.pagination li a{
font-size: 14px;
line-height: 25px;
display: block;
width: 25px;
height: 25px;
margin: 0 2px;
padding: 0;
text-align: center;
color: #606060;
border: 0;
}
.pagination li a:hover{
color: #606060;
background-color: #dcdcdc;
}
.pagination li a svg{
position: relative;
top: -1px;
left: -2px;
width: 0.9em;
height: 0.9em;
vertical-align: middle;
fill: currentColor;
}
.pagination li.active a{

}
.pagination li.disabled li a svg{
fill: #dcdcdc;
}
.event.box header{
border-bottom: 1px solid #dcdcdc !important;
}
.event.box ul li figure img{
max-width: 100px;
}
.event ul{
margin: 0;
}
.event ul li{
float: left;
width: 100%;
padding: 1em 0;
border-bottom: 1px solid #dcdcdc;
}
.event ul li h3{
font-size: 17px;
float: left;
clear: both;
width: 100%;
margin-bottom: 1em;
}
.event ul li h3 figure{
margin-right: 0.5em;
}
.event ul li ul{
width: 100%;
}
.event ul li ul li{
font-size: 14px;
float: left;
width: 50%;
padding: 5px 5px 5px 35px;
border-bottom: none;
}
.event ul li ul li.date,.event ul li ul li.place{
position: relative;
}
.event ul li ul li.date svg,.event ul li ul li.place svg{
position: absolute;
top: 0;
left: 0;
width: auto;
height: 25px;
fill: #00517e !important;
}
.gallery-preview h3{
font-size: 1.6rem;
font-weight: 500;
margin: 0.5em 0 0;
color: black;
}
.gallery-preview h3 a{
color: inherit;
}
.gallery-preview > ul{
position: relative;
overflow: hidden;
width: 100%;
margin: 0;
white-space: nowrap;
text-overflow: clip;
}
.gallery-preview > ul > li{
display: inline-block;
margin-top: 0.25rem;
margin-right: 0.25rem;
margin-left: 0;
}
.gallery-preview > ul > li > a:hover img{
border: 3px solid #00517e;
}
.gallery-preview > ul[data-count]:after{
font-size: 1.8rem;
font-weight: 500;
line-height: 5rem;
position: absolute;
top: 50%;
right: 1rem;
width: 5rem;
height: 5rem;
content: "+" attr(data-count);
transform: translateY(-50%);
text-align: center;
color: white;
border-radius: 2.5rem;
background: #00517e;
-ms-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
}
.gallery-preview img{
width: auto;
height: 78px;
transition: all 0.2s linear 0s;
border: 3px solid transparent;
}
.box--grey{
background-color: #f4f4f4;
}
.fotos.box--grey{
padding: 0.5em 0 1em 0;
background-color: #f4f4f4;
}
.fotos.box--grey header h2{
padding-left: 1em;
}
.fotos.box--grey header .link-more{
right: 1em;
}
.fotos.box--grey .gallery-preview{
padding: 0.5em 1em 0 1em;
}
.grid01 .row{
margin-bottom: 1.2em;
padding-bottom: 1em;
border-bottom: 1px solid #dcdcdc;
}
.grid01 figure{
position: relative;
margin-bottom: 1em;
}
.grid01 figure img{
width: 100% !important;
}
.grid01 h2{
font-size: 24px;
font-weight: 600;
margin-bottom: 1em;
}
.grid01 h3{
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
}
.grid01 h4,
.grid01 table,
.grid01 p{
font-size: 16px;
font-weight: 400;
}
.grid01 h4{
margin-bottom: 15px;
}
.grid01 a{
color: #00517e;
}
.grid01 table{
margin-top: 4px;
margin-bottom: 10px;
}
.grid01 table tr td,
.grid01 table tr th{
font-size: 16px;
padding: 0 !important;
border: 0;
}
.grid01 .open-info{
position: absolute;
right: 10px;
bottom: 10px;
text-align: center;
}
.grid01 .open-info svg{
width: 25px;
height: 25px;
vertical-align: middle;
border: 1px solid #ffffff;
border-radius: 100px;
background-color: #ffffff;
}
.grid01.liste-view > div > div > div{
padding: 0 !important;
}
.grid01.liste-view figure{
margin-right: 20px;
}
.grid01.liste-view figure img{
max-width: 105px;
height: auto;
}
@media (max-width: 767px){
.grid01.liste-view figure{
margin-right: 0;
}
.grid01.liste-view figure img{
width: 100%;
max-width: 100%;
height: auto;
}
}
.grid01.liste-view-big figure{
width: 100%;
}
@media (max-width: 767px){
.grid01.liste-view-big .media-content{
display: inline-block;
width: 100%;
}
.grid01.liste-view-big figure{
width: auto;
max-width: 100%;
}
}
.grid01.liste-view-big .col-xs-12,
.grid01.liste-view-big .col-sm-6{
padding-bottom: 1.5em;
}
.grid02 .row{
margin-right: 0;
margin-bottom: 2em;
margin-left: 0;
padding-bottom: 1em;
border-bottom: 1px solid #dcdcdc;
}
.grid02 .row > .col-xs-12,.grid02 .row > .col-sm-12,.grid02 .row > .col-md-12{
padding-right: 0;
padding-left: 0;
}
.grid02 figure{
position: relative;
margin-bottom: 1em;
}
.grid02 figure img{
width: 100% !important;
}
.grid02 h2{
font-size: 24px;
font-weight: 600;
margin-bottom: 0;
}
.grid02 h3{
font-size: 18px;
font-weight: 600;
margin-bottom: 3px;
}
.grid02 .keyword{
font-size: 16px;
display: block;
color: #606060;
}
.grid02 h4,
.grid02 table,
.grid02 p{
font-size: 16px;
}
.grid02 a,
.grid02 span{
color: #00517e;
}
.grid02 a svg,
.grid02 span svg{
width: 19px;
height: auto;
margin-right: 7px;
vertical-align: bottom;
}
.grid02 a.contact,
.grid02 span.contact{
line-height: 20px;
display: block;
clear: both;
margin-top: 1.5em;
margin-bottom: 1.5em;
cursor: pointer;
}
.grid02 .contact:last-child,
.grid02 .contact:last-child{
margin-top: 1.5em;
}
.grid02 table{
margin-top: 4px;
margin-bottom: 20px;
}
.grid02 table tr td,
.grid02 table tr th{
font-size: 16px;
padding: 0 !important;
border: 0;
}
.grid02 table tr td:first-child,
.grid02 table tr th:first-child{
width: 21px;
}
.grid02 .open-info{
position: absolute;
right: 20px;
bottom: 20px;
text-align: center;
}
.grid02 .open-info svg{
width: 25px;
height: 25px;
vertical-align: middle;
border: 1px solid #ffffff;
border-radius: 100px;
background-color: #ffffff;
}
.grid02.liste-view > div > div > div{
padding: 0;
}
.grid02.liste-view figure img{
min-width: 150px;
max-width: 150px;
height: auto;
}
@media (max-width: 767px){
.grid02.liste-view figure{
margin-right: 0;
}
.grid02.liste-view figure img{
width: 100%;
max-width: 100%;
height: auto;
}
.grid02.liste-view .size5 figure img{
width: 100%;
max-width: 100%;
height: auto;
}
}
.grid02 .size0 figure{
float: left;
margin-right: 20px;
}
.grid02 .size0 a.contact{
display: inline-block;
margin-bottom: 0.5em !important;
}
.grid02 .size5 figure{
float: left;
margin-right: 30px;
}
.grid02 .size5 figure img{
min-width: 270px;
max-width: 270px;
}
.grid02 .size5 table{
width: auto;
}
.grid02 .size5 table th:first-child,
.grid02 .size5 table td:first-child{
width: 21px;
}
.grid02 .size5 .contact{
clear: inherit !important;
}
@media (min-width: 1200px){
.grid02 .size0{
width: 400px;
}
.grid02 .size1{
width: 150px;
margin-right: 20px;
}
.grid02 .size2{
width: 230px;
}
.grid02 .size3{
width: 400px;
}
.grid02 .size4{
width: 369px;
}
.grid02 .size5{
width: 600px;
}
.grid02 .size6{
width: 560px;
}
}
@media (min-width: 992px){
.grid02 .size3{
padding-left: 20px !important;
}
.grid02 .size4{
padding-left: 10px !important;
}
}
@media (max-width: 767px){
.grid02 .size0{
margin-bottom: 1em;
}
.grid02 .size0 a.contact{
display: inline-block;
margin-top: 0.5em;
margin-bottom: 0.5em !important;
}
.grid02 .size2{
margin-bottom: 1em;
}
.grid02 .size3{
margin-bottom: 1em;
}
.grid02 .size4{
margin-bottom: 1em;
}
.grid02 table{
margin-bottom: 0;
}
.grid02 a.contact{
margin-top: 1em;
}
.grid02 .listen .columns-3{
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
}
}
.grid02.variant-b figure{
float: left;
margin-right: 20px;
margin-bottom: 1.5em;
}
.grid02.variant-b figure.figure--right{
float: right;
margin-bottom: 1.5em;
margin-left: 20px;
}
.grid02.variant-b .row{
padding-bottom: 1.5em;
}
.grid02.variant-b .row > .col-xs-12,.grid02.variant-b .row > .col-sm-12,.grid02.variant-b .row > .col-md-12{

padding-right: 20px;
padding-left: 0;
}
.grid02.variant-b .row > div{
position: relative;
}
.grid02.variant-b .row > div .contact-layer{

width: 100%;
margin-top: -1em;

}
.grid02.variant-b .row > div .contact-layer.in{
height: auto;
min-height: 100%;
}
.grid02.variant-b .row > div .contact-layer fieldset{
position: inherit;
margin: 0;
padding: 0 0 2em 0;
border: 0;
}
.grid02.variant-b .row > div .contact-layer fieldset .close-bt{
top: auto;
right: 7px;
bottom: 35px;
height: 20px;
margin: 0;
padding: 0;
color: #b0b0b0;
background-color: transparent;
}
.grid02.variant-b .row > div .contact-layer fieldset input[type=text],
.grid02.variant-b .row > div .contact-layer fieldset .btn{
padding: 0.5em 0.5em !important;
}
.grid02.variant-b .row > div .contact-layer fieldset legend{
float: left;
width: 100% !important;
margin: 0;
padding: 0;
}
.grid02.variant-b .row > div .contact-layer fieldset label{
margin: 5px 0 5px 0 !important;
}
@media (max-width: 767px){
.grid02.variant-b .row > div .contact-layer{
position: relative;
z-index: 70;
top: auto;
right: auto;
width: 100%;
height: 100%;
}
.grid02.variant-b .row > div .contact-layer .webform .button{
margin-top: 0;
}
.grid02.variant-b .row > div .contact-layer .close-bt{
line-height: 20px;
top: auto !important;
right: 0 !important;
bottom: -8px !important;
float: left;
width: 100%;
height: auto !important;
margin: 0;
padding: 0.4em !important;
text-align: center;
color: #000000 !important;
border-radius: 3px;
background-color: #ccc !important;
}
.grid02.variant-b .row > div .contact-layer .close-bt svg{
width: 11px;
fill: #000000;
}
}
@media (min-width: 768px) and (max-width: 991px){
.grid02.variant-b .row > div .contact-layer .btn,
.grid02.variant-b .row > div .contact-layer .button{
width: 120px;
min-width: 100px;
}
}
.grid02.variant-b .row .concoll{
padding: 0.5em !important;
background-color: #ffffff;
}
.grid02.variant-b .row .concoll .collapsing{

}

.modal-dialog{

}
.site-modal{
z-index: 9999;
}
.site-modal .modal-content{
padding: 1em 2em;
border-radius: 0;
}
.site-modal .modal-content .modal-header{
padding: 0;
}
.site-modal .modal-content .modal-header h3{
line-height: 1.2em;
margin-bottom: 0.5em;
}
.site-modal .modal-content .modal-header .close-modal{
position: absolute;
z-index: 3500;
top: 10px;
right: 20px;
width: 30px;
height: 25px;
text-indent: 0;
border: 0;
background: transparent;
}
.site-modal .modal-content .modal-header .close-modal svg{
width: 16px;
height: auto;
fill: #848484;
}
.site-modal .modal-content .modal-header .close-modal:hover{
border: 0;
background: transparent !important;
background-image: none;
}
.site-modal .modal-content .modal-header .close-modal:hover svg{
fill: #616161;
}
.site-modal .modal-content .modal-body{
overflow: hidden;
padding: 1em 0;
}
.site-modal .modal-content .modal-body figure{
position: relative;
}
.site-modal .modal-content .modal-body figure img{
width: 100%;
}
.site-modal .modal-content .modal-body .figure--left{
margin-right: 0;
}
.site-modal .modal-content .modal-body .col-md-5{
padding-left: 0;
}
@media (min-width: 1200px){
.site-modal .modal-content .modal-body .col-md-9{
overflow: auto;
max-height: 250px;
}
}
#produzenten-map-tooltip{
position: relative;
margin-top: 0;
padding-bottom: 0;
}
#produzenten-map-tooltip .map-layer{
padding: 20px;
background-color: #ffffff;
}
#produzenten-map-tooltip .map-layer figure{
float: left;
width: 150px;
max-width: 150px;
height: auto;
margin-right: 20px;
margin-bottom: 20px;
}
#produzenten-map-tooltip .map-layer h3{
font-size: 18px;
margin: 0 0 0.2em 0;
}
#produzenten-map-tooltip .map-layer h4{
font-size: 16px;
}
#produzenten-map-tooltip .map-layer p{
margin-bottom: 20px;
}
#produzenten-map-tooltip .map-layer table{
width: auto;
margin-top: 4px;
}
#produzenten-map-tooltip .map-layer table tr td,
#produzenten-map-tooltip .map-layer table tr th{
font-size: 16px;
padding: 0 10px 0 0 !important;
border: 0;
}
#produzenten-map-tooltip .map-layer .btn.btn-portalColor{
width: auto;
}
#produzenten-map-tooltip .map-layer .cont-lay{
display: inline-table;
max-width: 301px;
}
#produzenten-map-tooltip h3{
font-size: 20px;
}
#produzenten-map-tooltip h4{
font-size: 16px;
}
#produzenten-map-tooltip .keyword{
font-size: 16px;
display: block;
margin-top: 0;
margin-bottom: 0.5em;
color: #606060;
}
#more-info .grid02{
margin: 1em 0;
}
#more-info .grid02 .row{
margin-bottom: 0;
border-bottom: 0;
}
.map-detail figure{
margin-bottom: 0.5em;
}
.map-detail figure img{
width: 100%;
}
fieldset{
position: relative;
padding: 1.5em 2.5em;
border: 1px solid #dcdcdc;
}
fieldset legend{
width: auto;
margin-bottom: 0;
margin-left: -0.5em;
padding: 0 0.5em;
color: #606060;
border-bottom: 0;
}
fieldset h4{
font-size: 16px;
font-weight: 400;
margin-bottom: 0.8em;
}
fieldset svg{
width: 25px;
vertical-align: middle;
fill: #b0b0b0;
}
fieldset a{
color: #00517e;
}
fieldset .list-downloads{
margin: 1.5em 0 1em 0;
padding: 0.5em;
background-color: #f4f4f4;
}
fieldset .list-downloads a{
line-height: 2em;
position: relative;
padding-left: 2.5em;
color: #00517e;
}
fieldset .list-downloads a::before{
font-family: "lko" !important;
font-size: 1.8em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
position: absolute;
top: -8px;
left: 0;
content: attr(data-icon);
content: "r";
text-transform: none !important;
color: #00517e;
}
fieldset .list-downloads [href*=".pdf"]::before{
content: "r";
}
fieldset .list-downloads [href*=".xls"]::before{
content: "c";
}
fieldset .list-downloads [href*=".doc"]::before{
content: "a";
}
fieldset .list-downloads [href*=".pps"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/pps.svg") no-repeat right center;
background-size: 20px 20px;
}
fieldset .list-downloads [href*=".ppt"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/ppt.svg") no-repeat right center;
background-size: 20px 20px;
}
fieldset .list-downloads [href*=".pptx"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/ppt.svg") no-repeat right center;
background-size: 20px 20px;
}
fieldset .close-bt{
position: absolute;
top: -22px;
right: 2em;
padding: 0 10px;
cursor: pointer;
background-color: #ffffff;
}
fieldset .close-bt svg{
width: 15px;
}
.map-form fieldset,
.login fieldset{
margin-top: 1em;
padding: 1.8em 2.5em;
border: 1px solid #dcdcdc;
}
.map-form fieldset legend,
.login fieldset legend{
position: absolute;
top: -10px;
width: auto;
margin-bottom: 0;
margin-left: -0.5em;
padding: 0 0.5em;
color: #606060;
border-bottom: 0;
background-color: #ffffff;
}
.map-form fieldset legend svg,
.login fieldset legend svg{
width: 25px;
height: 31px;
margin-right: 5px;
vertical-align: middle;
fill: #606060;
}
.map-form fieldset .close-bt,
.login fieldset .close-bt{
top: -12px;
}
.map-form fieldset p,
.login fieldset p{
font-size: 18px;
margin-bottom: 0.9em;
}
.map-form .wf-sp2,
.login .wf-sp2{
margin-left: 0 !important;
}
@media (max-width: 991px){
.map-form fieldset{
padding: 1.8em 1em;
}
.map-form fieldset .button{
margin-top: 0 !important;
}
}
@media (max-width: 991px){
.login fieldset{
margin-top: 3em;
}
.cheksel{
margin-top: 2em;
}
}
.login legend{
background-color: #f4f4f4 !important;
}
.fotoservice{
margin-right: -15px;
margin-left: -15px;
padding-left: 0;
list-style: none;
}
.fotoservice li{
position: relative;
float: left;
width: 25%;
min-height: 1px;
margin-bottom: 2em;
padding-right: 15px;
padding-left: 15px;
}
.fotoservice li figcaption h2{
font-size: 16px;
line-height: 20px;
margin: 0.5em 0;
}
.fotoservice li figcaption small{
color: #606060;
}
.fotoservice li a{
color: currentColor;
}
.fotoservice li a:hover{
color: currentColor;
}
.fotoservice li:nth-of-type(4n+1){
clear: left;
}
@media (max-width: 767px){
.fotoservice li:nth-of-type(2n+1){
clear: left;
}
}
.fotoservice.fotoservice--small picture a{
display: inline-block;
overflow: hidden;
max-height: 160px;
border: 1px solid #dcdcdc;
}
.toglink{
margin-top: 2em;
}
.toglink li{
line-height: 21px !important;
position: relative;
margin-bottom: 2em;
}
.toglink li .category-sp{
font-size: 16px;
display: block;
width: 100%;
color: #8b8b8b;
}
.toglink li figure picture{
display: block;
overflow: hidden;
width: 100%;
height: 152px;
border: 1px solid #f4f4f4;
background-color: #f4f4f4;
}
.toglink li h2{
font-size: 18px;
margin: 0;
}
.toglink li h3{
font-size: 16px;
font-weight: 300;
margin: 0;
}
.toglink li p{
margin: 1em 0;
}
.toglink li .openclose-icon{
position: absolute;
z-index: 4;
bottom: 0;
left: 5%;
width: 90%;
height: 12px;
padding: 0;
text-align: center;
border-bottom: 1px solid #dcdcdc;
background: rgba(255,255,255,0);
background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgb(255,255,255)));
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgb(255,255,255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0);
}
.toglink li .openclose-icon svg{
width: 25px;
height: 25px;
margin: auto;
vertical-align: middle;
border: 1px solid #ffffff;
border-radius: 100px;
background-color: #ffffff;
fill: #00517e;
}
.toglink .content--overlay{
overflow: hidden;
height: 140px;
min-height: 140px;
max-height: 140px;
transition: all 0.6s ease-out 0s;
}
.toglink .content--overlay .openclose-icon .hide{
display: none;
}
.toglink .content--overlay .openclose-icon .show{
display: block;
}
.toglink .content--overlay:hover{
height: auto !important;
max-height: 300px;
transition: all 1s ease 0s;
}
.toglink .content--overlay:hover .openclose-icon .show{
display: none !important;
}
.toglink .content--overlay:hover .openclose-icon .hide{
display: block !important;
}
.toglink a.linka,
.toglink span.linka{
font-size: 14px;
display: block;
padding: 1em 0;
color: #00517e;
}
.toglink .tablecell-right{
padding-left: 1em;
}
.toglink.link li{
width: 23%;
margin-right: 1%;
margin-left: 1%;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-bottom: 1px solid #dcdcdc;
}
.toglink.link li p{
margin-top: 1.5em;
}

.public{
margin-right: -15px;
margin-left: -15px;
padding-left: 0;
list-style: none;
}
.public h2{
font-size: 18px;
font-weight: 600;
}
.public .category-sp{
color: #000000 !important;
}
.public > li{
position: relative;
float: left;
width: 30.6333%;
min-height: 1px;
margin-right: 15px;
margin-bottom: 3em;
margin-left: 15px;
padding-top: 25px;
padding-right: 15px;
padding-left: 15px;
border: 1px solid #dcdcdc;
}
.public > li .category-sp{
margin-bottom: 1em;
}
.public > li .information{
font-size: 14px;
line-height: 18px;
width: 100%;
padding: 0.8em;
color: #606060;
background-color: #f4f4f4;
}
.public > li .information a{
color: #00517e;
}
.public > li .information svg{
float: left;
width: 25px;
margin-right: 5px;
}
.public li:nth-of-type(4n+1){
clear: initial;
}
.public li:nth-of-type(3n+1){
clear: left;
}
.public .openclose-icon{
border-bottom: 0;
}
.public .dwn-online li{
font-size: 14px;
position: relative;
width: 100%;
margin: 2px;
padding: 3px 0 4px 30px;
color: #606060;
border-bottom: 1px solid #dcdcdc;
}
.public .dwn-online li a{
font-size: 14px;
color: #00517e;
}
.public .dwn-online li svg{
position: absolute;
top: -4px;
left: 0;
width: auto;
height: 25px;
margin-top: 5px;
margin-right: 10px;
vertical-align: text-bottom;
fill: currentColor;
}
.displaytable{
margin: 1em 0;
}
.displaytable figure{
position: relative;
margin-right: 0;
}
.displaytable .tablecell.tablecell-left img{
max-width: 150px;
}
@media (min-width: 768px) and (max-width: 992px){
.displaytable .tablecell.tablecell-left img{
max-width: 100px;
}
}
@media (min-width: 611px) and (max-width: 767px){
.displaytable .tablecell.tablecell-left img{
max-width: 90px;
}
}
@media (min-width: 0) and (max-width: 420px){
.displaytable .tablecell.tablecell-left img{
max-width: 90px;
}
}
.modal-backdrop.in{
z-index: 8888;
}
.modal{
z-index: 8889;
}

.only-so-big{
overflow: hidden;
height: 100%;
min-height: 440px;
max-height: 440px;
transition: max-height 0.55s;
}
.only-so-big::after{
display: block;
width: 100%;
height: 1.3em;
content: "";
}
.grid02.liste-view .only-so-big{
overflow: hidden;
height: 100%;
min-height: 170px;
max-height: 170px;
transition: max-height 0.55s;
}
.grid02.liste-view .only-so-big::after{
display: block;
width: 100%;
height: 1.3em;
content: "";
}
.grid02.liste-view .size6 .only-so-big{
overflow: hidden;
height: 100%;
min-height: 270px;
max-height: 270px;
transition: max-height 0.55s;
}
.grid02.liste-view .size6 .only-so-big::after{
display: block;
width: 100%;
height: 1.5em;
content: "";
}
.fullimage .only-so-big{
width: 83%;
min-height: 80px;
max-height: 80px;
margin: 1.7em auto 0 auto;
padding-bottom: 1em;
color: #606060;
}
.fullimage .only-so-big p{
padding-bottom: 1em;
}
.recipe .only-so-big{
min-height: 107px;
max-height: 107px;
}
.recipe .only-so-big::after{
display: block;
width: 100%;
height: 0;
content: "";
}
.recipe-detail .only-so-big{
min-height: 340px;
max-height: 340px;
}
.recipe-detail .only-so-big::after{
display: block;
width: 100%;
height: 1em;
content: "";
}
.link .only-so-big{
min-height: 305px;
max-height: 305px;
}
.link .only-so-big::after{
display: block;
width: 100%;
height: 1em;
content: "";
}
.public .only-so-big{
min-height: 440px;
max-height: 440px;
}
@media (max-width: 1199px){
.recipe .only-so-big{
min-height: 130px;
max-height: 130px;
}
.recipe .only-so-big::after{
display: block;
width: 100%;
height: 0;
content: "";
}
.recipe.fotoservice li .cont-i{
min-height: 130px;
}
}
@media (max-width: 767px){
.recipe-detail .only-so-big{
overflow: visible;
height: 100%;
min-height: 10px !important;
max-height: 3000px !important;
margin-top: 1em;
transition: max-height 0.55s;
}
}
@media (max-width: 600px){
.only-so-big{
overflow: visible;
height: 100%;
min-height: 10px !important;
max-height: 3000px !important;
margin-top: 1em;
transition: max-height 0.55s;
}
.only-so-big::after{
display: block;
width: 100%;
height: 0;
content: "";
}
.gradient{
display: none !important;
}
.fullimage .only-so-big{
overflow: hidden;
width: 83%;
min-height: 80px;
max-height: 80px;
margin: 1.7em auto 0 auto;
padding-bottom: 1em;
color: #606060;
}
.fullimage .only-so-big p{
padding-bottom: 1em;
}
.fullimage .only-so-big .gradient{
display: block;
}
}
.read-more{
font-size: 22px;
line-height: 20px;
position: absolute;
z-index: 20;
bottom: -12px;
left: calc(50% - 12.5px);
width: 25px;
height: 25px;
margin: 0;
padding: 0;
cursor: pointer;
text-align: center;
color: #ffffff;
color: #fff;
border: none;
border-radius: 100px;
outline: none;
background-color: #00517e;
}
.read-more:hover{
text-decoration: none;
}
.read-more:focus{
outline: none;
}
.read-more::-moz-focus-inner{
border: 0;
}
.read-more-alt{
font-size: 14px;
position: absolute;
z-index: 20;
bottom: -12px;
left: calc(50% - 50px);
width: 120px;
margin: auto;
padding: 3px 5px;
cursor: pointer;
text-align: center;
border: none;
border-radius: 3px;
outline: none;
background-color: #dcdcdc;
}
.hid{
display: none;
}
.gradient{
position: absolute;
z-index: 9;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 35px;



background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.69) 77%,rgb(255,255,255) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0);

}
.login{
margin-top: 1em;
padding: 2em 3em;
background-color: #f4f4f4;
}
.login .row > div{
font-size: 16px;
}
.login .row > div .big{
font-size: 20px;
}
.login .row > div p{
margin: 1em 0;
}
.login .row > div .webform .wf-captcha.wf-sp2,
.login .row > div .webform .wf-area.wf-sp2,
.login .row > div .webform label.wf-sp2,
.login .row > div .dontconvert .login-fieldrow{
width: 100%;
}
.login .row > div form a{
font-size: 14px;
display: block;
width: 100%;
margin-bottom: 10px;
color: #00517e;
}
.login a{
text-decoration: underline;
color: #00517e;
}
.login .m-inf{
font-size: 14px;
display: block;
float: left;
width: auto !important;
margin: 10px;
padding: 1em 0 0 0.7em;
}
.login .webform .btn.btn-portalColor,
.login .dontconvert .login-button{
min-width: 100px;
}
#anfordern-coll p{
font-size: 18px;
margin: 0.5em 0 1.5em 0;
}
#anfordern-coll .row p{
font-size: 16px;
margin: 0.5em 0;
}
#anfordern-coll fieldset svg{
width: 22px;
margin-right: 5px;
vertical-align: bottom;
}
.list-downloads li,
.downloadbox li{
margin-right: 0;
margin-left: 0 !important;
padding-left: 2px;
}
.list-downloads li::before,
.downloadbox li::before{
content: "";
background-image: none !important;
}
.list-downloads li a,
.downloadbox li a{
position: relative;
display: block;
margin-left: 30px;
color: #000000;
}
.list-downloads li a::before,
.downloadbox li a::before{
font-family: "lko" !important;
font-size: 1.4em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
position: absolute;
top: 0;
left: -30px;
content: attr(data-icon);
text-transform: none !important;
color: #000000;
}
.list-downloads li [href*=".pdf"]::before,
.downloadbox li [href*=".pdf"]::before{
content: "b";
}
.list-downloads li [href*=".xls"]::before,
.downloadbox li [href*=".xls"]::before{
content: "c";
}
.list-downloads li [href*=".doc"]::before,
.downloadbox li [href*=".doc"]::before{
content: "a";
}
.list-downloads li [href*=".pps"]::before,
.downloadbox li [href*=".pps"]::before{
position: absolute;
top: 0;
left: -30px;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/pps.svg") no-repeat right center;
background-size: 20px 20px;
}
.list-downloads li [href*=".ppt"]::before,
.downloadbox li [href*=".ppt"]::before{
position: absolute;
top: 0;
left: -30px;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/ppt.svg") no-repeat right center;
background-size: 20px 20px;
}
.list-downloads li [href*=".pptx"]::before,
.downloadbox li [href*=".pptx"]::before{
position: absolute;
top: 0;
left: -30px;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/ppt.svg") no-repeat right center;
background-size: 20px 20px;
}
.events{
line-height: 21px;
margin-top: 1em;
}
.events .content-container{
margin-bottom: 2.4em !important;
}
.events .content-container a{
display: block;
padding: 5px 0 10px 0;
text-decoration: underline;
}
.events .content-container a.text-link{
display: initial;
}
.events h3{
font-size: 24px;
margin-top: 0.5em;
margin-bottom: 1em;
color: #00517e;
}
.events figure img{
max-height: 182px;
}
.events .details{
margin-right: 0 !important;
margin-bottom: 1em !important;
margin-left: 0 !important;
padding: 3em 1em !important;
border-top: 1px solid #00517e;
background-color: #f4f4f4;
}
.events .event-month{
margin: 0 0 2em 0;
padding: 0;
}
.events .event-month li{
padding: 3em 0;
border-bottom: 1px solid #dcdcdc;
}
.events .event-month li:first-child{
padding-top: 0;
}
.events .event-month li:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0 !important;
}
.events .event-month .details{
margin-bottom: 0 !important;

padding: 2.05em 1em;
border-top: 1px solid #00517e;
background-color: #f4f4f4;
}
.events .event-month .details span svg{
float: left;
height: 30px;
margin-top: 3px;
margin-right: 1em;
fill: #00517e;
}
.events .event-month .details-list{
float: left;
width: 100%;
margin-bottom: 0 !important;
padding: 0;
background-color: #f4f4f4;
}
.events .event-month .details-list figure{
margin: 0 !important;
display: block;
}
.events .event-month .details-list figure img{
max-width: 149px;
margin-right: 0;
}
.events .event-month .details-list .ev-title{
float: right;
width: calc(100% - 149px);
padding-bottom: 15px;
background-color: #ffffff;
}
.events .event-month .details-list .ev-title h2{
font-size: 22px;
margin-bottom: 0;
margin-left: 5px;
}
.events .event-month .details-list .ev-title h2 a{
padding-right: 10px;
}
.events .event-month .details-list .ev-title h2 .more{
font-size: 14px;
font-weight: 400;
color: #00517e;
}
.events .event-month .details-list .ev-title h2 .more::before{
font-family: "lko" !important;
font-size: 10px;
font-weight: 100;
padding-right: 5px;
content: "J";
}
.events .event-month .details-list .ev-title .headline{
font-size: 12px;
line-height: 16px;
margin-left: 5px;
text-transform: uppercase;
color: #ababab;
}
.events .event-month .details-list .details{
float: right;
width: calc(100% - 149px);
margin-bottom: 0 !important;
padding: 25px 1em !important;
background-color: #f4f4f4;
}
.events .event-month .details-list .details span svg{
display: table-cell;
float: none;
height: 30px;
margin-top: 0;
margin-right: 1em;
vertical-align: middle;
fill: #00517e;
}
.events .event-month .details-list .details .date,
.events .event-month .details-list .details .place,
.events .event-month .details-list .details .price{
display: table;
height: 30px;
vertical-align: middle;
}
.events .event-month .details-list .details .date span,
.events .event-month .details-list .details .place span,
.events .event-month .details-list .details .price span{
display: table-cell;
height: 30px;
vertical-align: middle;
}
@media (max-width: 767px){
.events .event-month .details-list .ev-title{
height: 149px;
}
.events .event-month .details-list .details{
width: 100%;
}
.events .event-month .details-list .open-detail{
margin-top: 1em;
}
}
@media (max-width: 480px){
.events .event-month .details-list figure img{
max-width: 100%;
margin-right: 0;
}
.events .event-month .details-list .ev-title h2{
margin-bottom: 1em;
margin-left: 0;
}
.events .event-month .details-list .ev-title .headline{
margin-left: 0;
}
.events .event-month .details-list figure > a > span{
text-align: center;
}
.events .event-month .details-list .open-detail{
margin-top: 0 !important;
}
.events .event-month .details-list .ev-title{
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 0;
}
.events .event-month .details-list .open-detail{
margin-top: 1em;
}
.events .event-month .info-event{
margin: 0 !important;
}
}
.events .open-detail{
font-size: 14px;
display: block;
margin-top: 20px;
cursor: pointer;
color: #00517e;
}
.events .open-detail svg{
height: 15px;
margin-right: 5px;
fill: #00517e;
}
.events .open-detail::before{
content: "- Schnellansicht schliessen";
}
.events .open-detail.collapsed::before{
content: "+ Schnellansicht";
}
.events .row{
margin-bottom: 0;
}
.events .row h2{
font-size: 22px;
margin-bottom: 1em;
margin-left: -15px;
}
.events .row .row{
margin-right: 0 !important;
}
.events .details{
padding: 2.05em 1em;
border-top: 1px solid #00517e;
background-color: #f4f4f4;
}
.events .details span svg{
float: left;
height: 30px;
margin-top: 3px;
margin-right: 1em;
fill: #00517e;
}
.events .details .date,
.events .details .place,
.events .details .price{
display: table;
height: 30px;
vertical-align: middle;
}
.events .details .date span,
.events .details .place span,
.events .details .price span{
display: table-cell;
height: 30px;
vertical-align: middle;
}
.events .info-event{
font-size: 16px;
margin: 0 0 2em 0;
padding: 2em 1.5em;
background-color: #f4f4f4;
}
.events .info-event h4{
font-size: 16px;
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
.events .info-event h4:first-child{
margin-top: 0;
}
.events .info-event .more-info{
margin-top: 15px;
}
.events .info-event svg{
height: 18px;
vertical-align: bottom !important;
fill: currentColor;
}
.events .info-event ul{
margin-bottom: 1em;
}
.events .info-event ul li{
position: relative;
padding: 1px 0 1px 10px;
border-bottom: 0;
}
.events .info-event ul li::before{
font-size: 20px;
position: absolute;
top: 1px;
left: -2px;
content: "•";
color: #00517e;
}
.events .info-event a{
color: #00517e;
}
.events .panel{
margin-bottom: 17px;
border-bottom: 1px solid #dcdcdc;
border-radius: 0;
box-shadow: 0 0 0 rgba(0,0,0,0.05);
}
.events .panel .events .info-event{
margin: 0;
}
.events .panel header{
padding: 0;
}
.events .panel header a h3::before{
font-weight: 400;
display: inline-block;
width: 22px;
padding-right: 10px;
content: "+";
color: #888;
}
.events .panel header a[aria-expanded=true] h3::before{
font-weight: 400;
display: inline-block;
width: 22px;
padding-right: 10px;
content: "-" !important;
color: #888;
}
.events .panel header a[aria-expanded=false] h3::before{
font-weight: 400;
display: inline-block;
width: 22px;
padding-right: 10px;
content: "+" !important;
color: #888;
}
.events .panel .event-month{
margin: 0;
}
.recipe.fotoservice--small picture a{
border: 0;
}
.eventsel{
position: absolute;
top: 0.5em;
right: 0;
}
.recipe-detail{
line-height: 22px;
margin-top: 0;
margin-bottom: 0 !important;
}
.recipe-detail .cont-recipe-open{
position: relative;
float: left;
width: 650px;
padding: 1.2em 0;
}
.recipe-detail p{
font-size: 16px;
line-height: 22px;
margin: 15px 0;
}
.recipe-detail .col-md-12{
margin-top: 0.8em;
padding: 0 0 1em 0;
}
.recipe-detail .col-md-12:first-child{
padding: 0 0 1em 0;
border-bottom: 1px solid #f4f4f4;
}
.recipe-detail .gradient{
height: 3.5em;
}
.recipe-detail .box-grey{
position: relative;
float: left;
min-width: 470px;
max-width: 470px;
margin-right: 2em;
padding: 1.2em;
}
.recipe-detail .box-grey h2{
margin-top: 0;
}
.recipe-detail .box-grey .gradient{
background: rgba(244,244,244,0);
background: -webkit-gradient(left top,left bottom,color-stop(12%,rgba(244,244,244,0)),color-stop(13%,rgba(244,244,244,0.01)),color-stop(100%,rgb(244,244,244)));
background: linear-gradient(to bottom,rgba(244,244,244,0) 12%,rgba(244,244,244,0.01) 13%,rgb(244,244,244) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4",endColorstr="#f4f4f4",GradientType=0);
}
.recipe-detail h2{
margin-top: 0;
}
@media (max-width: 1200px){
.recipe-detail .cont-recipe-open,
.recipe-detail .box-grey{
width: 48%;
min-width: auto;
}
.recipe-detail .box-grey{
margin-right: 4%;
}
}
@media (max-width: 768px){
.recipe-detail .cont-recipe-open,
.recipe-detail .box-grey{
width: 100%;
min-width: auto;
}
}
.recipe-list{
line-height: 22px;
margin-top: 0;
}
.recipe-list .row{
margin-right: 0;
}
.recipe-list > ul > li{
margin-bottom: 0.5em;
padding: 1.5em 0;
border-bottom: 1px solid #f4f4f4;
}
.recipe-list figure{
margin-bottom: 10px;
}
.recipe-list .figure--left{
margin-right: 0;
}
.recipe-list h2{
margin-bottom: 20px;
}
.recipe-list .media-content .figure--left{
float: left;
margin-right: 2em;
}
.recipe-list .col-md-3 .media-content .figure--left{
float: left;
margin-right: 0;
}
.recipe-list .box-grey{
padding: 28px 32px;
}
.recipe-list .box-grey figure{
float: left;
margin-right: 20px;
}
.recipe-list .box-grey figure img{
max-width: 105px;
height: auto;
}
.recipe-list table tr td,
.recipe-list table tr th{
font-size: 16px;
font-weight: 400;
padding: 7px 0;
border-top: 0;
border-bottom: 1px solid #dcdcdc;
}
.recipe-list .rec-desc ul,
.recipe-list .box-grey ul{
margin: 10px 0 !important;
}
.recipe-list .rec-desc ul li,
.recipe-list .box-grey ul li{
position: relative;
padding-left: 15px;
}
.recipe-list .rec-desc ul li::before,
.recipe-list .box-grey ul li::before{
font-size: 25px;
position: absolute;
left: 0;
content: "• ";
vertical-align: text-top;
color: #00517e;
}
.recipe-list .box-grey ul li{
padding: 5px 0 5px 15px;
border-bottom: 1px solid #dcdcdc;
}

@media (max-width: 1200px){
.cheksel .webform .button{
width: 100% !important;
margin-right: 0;
margin-bottom: 10px;
}
.cheksel .webform .button a{
width: 100% !important;
}
.public > li{
width: 30%;
margin-right: 15px;
margin-bottom: 3em;
margin-left: 15px;
padding-top: 25px;
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 1200px){
.fotoservice.fotoservice--small picture a{
max-height: 142px;
}
}
@media (max-width: 992px){
.public > li{
width: 46% !important;
margin-right: 2% !important;
margin-bottom: 3em;
margin-left: 2% !important;
padding-top: 25px;
padding-right: 15px;
padding-left: 15px;
}
.public li:nth-of-type(3n+1){
clear: none;
}
.fotoservice.fotoservice--small picture a{
max-height: 85px;
}
.grid02 .contact:last-child,
.grid02 .contact:last-child{
margin: 0.5em 0 !important;
margin-top: 0.5em !important;
}
.grid02.liste-view .only-so-big{
overflow: visible;
height: 100%;
min-height: 10px !important;
max-height: 800px !important;
margin-top: 1em;
transition: max-height 0.55s;
}
.grid02.liste-view .gradient{
display: none;
}
.filter-horizontal .checkbox input[type=checkbox],
.filter-horizontal .checkbox-inline input[type=checkbox]{
top: 0;
margin-top: 0;
vertical-align: top;
}
}
@media (max-width: 767px){
.fotoservice li{
width: 50%;
}
.fotoservice.fotoservice--small picture a{
width: 100%;
max-height: 179px;
}
.map-layer table{
display: none;
}
.map-layer figure{
margin-right: 10px !important;
}
}
@media (max-width: 767px){
.grid02.variant-b.liste-view .row{
margin-bottom: 0;
padding-bottom: 0 !important;
border-bottom: 0;
}
.grid02.variant-b.liste-view .row > .col-xs-12{
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #dcdcdc !important;
}
.grid01.liste-view .row{
margin-bottom: 0;
padding-bottom: 0 !important;
border-bottom: 0;
}
.grid01.liste-view .row > .col-xs-12{
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #dcdcdc;
}
}
@media (max-width: 768px){
.second-img article figure{
width: 100%;
}
.second-img article figure img{
width: 100%;
}
.tird-image .list-3columns li{
width: 100%;
padding-right: 0;
padding-left: 0;
}
.login{
padding: 1em 1em;
}
.login fieldset{
padding: 1.8em 1.2em;
}
#anfordern-coll fieldset{
padding: 1.8em 1.2em;
}
.recipe-list .row{
margin-right: -15px;
}
.list-2columns li{
width: 100%;
padding-right: 0;
}
.list-2columns li:nth-of-type(2n+2){
padding-right: 0;
padding-left: 0;
}
.content--overlay{
height: auto !important;
min-height: auto !important;
max-height: auto !important;
}
.openclose-icon{
display: none !important;
}
.toglink,
.public{
margin-right: 0;
margin-left: 0;
}
.toglink li,
.public li{
margin-right: 0;
margin-left: 0;
}
.toglink.link li{
width: 48%;
}
.events .row h2{
margin-left: 0;
}
.events figure{
margin-bottom: 1em;
}
.events figure img{
height: auto !important;
max-height: inherit !important;
}
.events .details{
margin-right: -15px;
}
.events .details > div{
padding: 1em 0;

}
.events .details > div:first-child{
border-top: 0;
}
.events .info-event{

}
.events .info-event img{
margin-bottom: 1em;
}
.events .row .row{
margin-right: -15px !important;
}
.events .open-detail{
display: block;
margin-bottom: 1em;
}
.event-month .details{
padding: 1em !important;
}
.event-month .details > div{
padding-right: 10px;
border-top: 0 !important;
}
.event-month .details span svg{
height: 20px !important;

}
.eventsel{
position: relative;
margin: 1em 0;
}
.eventsel .SumoSelect{
width: 100%;
}
.events .details{
padding: 1em 1em !important;
}
.footer-article .print-btn a{
font-size: 11px;
}
.recipe-list > ul > li{
margin-bottom: 2em;
border-bottom: 1px solid #dcdcdc;
}
.recipe-list > ul > li .footer-article{
margin-bottom: 0;
}
.box.event li{
width: 100%;
}
.modal .webform .btn{
min-width: 100%;
}
.recipe-detail .box-grey{
width: 100%;
max-width: 100% !important;
margin-right: 0;
margin-bottom: 2em;
}
.recipe.fotoservice li figure{
width: 100%;
}
.recipe.fotoservice li figure img{
width: 100%;
}
}
@media (max-width: 550px){
.fotoservice.fotoservice--small picture a{
width: 100%;
max-height: 145px;
}
}
@media (max-width: 610px){
.public > li{
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
@media (max-width: 480px){
figure{
float: none;
width: 100%;
max-width: 100%;
margin-right: 0 !important;
}
.fotoservice.fotoservice--small picture a{
width: 100%;
max-height: 250px;
}
.toglink.link li{
width: 100%;
}
.box.event li{
width: 100%;
margin-right: 0;
margin-left: 0;
}
.pagination{
display: block;
float: none !important;
clear: both;
overflow: hidden;
margin: 10px auto 5px auto !important;
}
.subheader .header__info{
overflow: hidden;
}
.fotoservice li{
width: 100%;
}
.public > li{
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
.listen .columns-3{
-ms-column-count: 1;
-o-column-count: 1;
column-count: 1;
}
}
.content-container.style999{
font-size: 16px;
}
.content-container.style999 h2{
font-size: 18px;
font-weight: 600;
margin-bottom: 18px;
}
.content-container.style999 p{
margin: 20px 0;
}
.link-space{
display: block;
padding-top: 1em;
}
.events-description .events{
margin-top: 0;
}
.events-description .map-event{
margin: 1em 0;
}
.events-description .events-img{
margin-bottom: 2em;
}
.events-description .events-img figure{
width: 100% !important;
height: auto;
background-size: 100% 100%;
}
.events-description .events-img figure{
margin-bottom: 1em;
}
.events-description .events-img .carousel figure{
width: calc(100% - 2px) !important;
height: auto;
background-size: 100% 100%;
}
.events-description .events-img .mediabox figure > a{
line-height: 1em !important;
height: auto !important;
}
.events-description .events-img .mediabox figure > a,
.events-description .events-img .mediabox .carousel-control.left,
.events-description .events-img .mediabox .carousel-control.right{
height: auto;
}
@media (max-width: 767px){
.events-description .events-img{
margin: 0 0 2em 0;
}
}
.fullimage{
position: relative;
margin-bottom: 3em;

}
.search-inpage{
margin: -1em 0 3em 0 !important;
}
.search-inpage #search-form{
margin-top: 0;
}
.listen ul li{
font-weight: 500;
margin-right: 10px;
padding: 10px 10px 10px 20px;
border-bottom: 1px solid #dcdcdc;
}
.cheksel{
font-size: 14px;
overflow: hidden;
padding: 0.5em 1.2em 1.2em 1.2em;
color: #606060;
background-color: #f4f4f4;
}
.cheksel .webform .radio label{
margin-top: 0 !important;
margin-bottom: 11px !important;
}
.cheksel .webform .cont-button{
margin-top: 16px;
}
.cheksel .webform input[type=radio]{
margin: 0 5px 0 0;
}
.cheksel h3{
font-size: 16px;
margin-top: 10px;
color: #606060;
}
.cheksel h3 svg{
width: 20px;
height: 19px;
margin-right: 5px;
vertical-align: bottom;
fill: currentColor;
}
.cheksel .radio{
clear: both;
overflow: hidden;
width: 100%;
margin-bottom: 0;
padding: 2px 0;
}
.cheksel .radio label{
padding-left: 0;
}
.cheksel .webform .button,
.cheksel .dontconvert .button{
min-width: auto !important;
margin: 10px 10px 0 0;
padding: 0;
}
.cheksel .webform .button a,
.cheksel .dontconvert .button a{
width: auto;
min-width: auto !important;
max-width: auto !important;
margin: 0 !important;
padding: 0.6em 0.8em;
}

.shop .col-md-8{
padding-left: 10px !important;
}
.shop figure{
width: 270px;
padding: 1px;
text-align: center;
border: 1px solid #dcdcdc;
}
.shop figure span img{
margin: auto;
}
.shop h3{
margin-bottom: 15px;
}
.shop h4{
font-weight: 400;
line-height: 18px;
min-height: 35px;
margin-bottom: 7px;
}
.shop .price{
font-size: 18px;
font-weight: 600;
}
.shop .price span{
font-size: 12px;
font-weight: 400;
}
.shop .shop-buttons{
margin-top: 10px;
}
.shop .shop-buttons select{
background-color: #f4f4f4;
}
.shop .shop-buttons .button{
line-height: 30px;
width: auto;
height: 30px;
margin-bottom: 10px;
padding: 0 0.5em;
}
.shop .shop-buttons .button svg{
width: auto;
height: 16px;
vertical-align: baseline;
}
.shop .shop-buttons .SumoSelect{
float: left;
width: 80px;
margin: 0;
margin-right: 20px;
margin-bottom: 10px;
}
.shop .shop-buttons .SumoSelect .CaptionCont{
height: 32px;
border-color: #f4f4f4;
background-color: #f4f4f4;
}
@media (max-width: 1200px){
.shop figure{
width: 200px;
}
}
@media (max-width: 767px){
.shop figure{
width: auto;
}
.shop .price{
margin-top: 20px;
}
.shop .shop-buttons{
margin-top: 20px;
}
}
@media (min-width: 1200px){
.shop-aside{
padding-left: 4%;
}
}
.kart-box{
overflow: hidden;
margin-top: 200px;
background-color: #f4f4f4;
}
@media (max-width: 992px){
.kart-box{
margin-top: 10px;
}
}
.kart-box header{
font-size: 16px;
line-height: 35px;
height: 35px;
padding: 0 10px;
color: #ffffff;
background-color: #00517e;
}
.kart-box header svg{
width: auto;
height: 16px;
vertical-align: baseline;
}
.kart-box .kart-content{
padding: 0 10px;
}
.kart-box p{
font-size: 18px;
margin: 30px 0;
text-align: center;
color: #ababab;
}
.kart-box table{
width: 100%;
margin: 10px 0;
}
.kart-box table tr > td:last-child{
white-space: nowrap;
}
.kart-box table tr td{
font-size: 16px;
font-weight: 600;
padding: 8px 5px !important;
vertical-align: top;
border-bottom: 1px solid #dcdcdc;
}
.kart-box table tr td span{
font-size: 14px;
font-weight: 400;
}
.kart-box table tr td .price{
font-size: 16px;
font-weight: 600;
white-space: nowrap;
}
.kart-box table tr:last-child td{
border-bottom: 0;
}
.kart-box table .delete{
line-height: 15px;
display: block;
width: 18px;
height: 18px;
text-align: center;
color: #ffffff;
border-radius: 90px;
background-color: #00517e;
}
.kart-box table .delete svg{
width: 10px;
height: auto;
margin: 0;
fill: #ffffff !important;
}
.kart-box .button{
width: 94% !important;
margin: 10px 3% 20px 3%;
border-color: #606060;
background-color: #606060 !important;
}
@media (min-width: 992px){
.mobile-kart-box .container{
width: auto;
margin: auto;
padding: 0;
}
.mobile-kart-box .button-kart{
position: relative;
display: block;
width: 100%;
cursor: pointer;
color: #fff;
}
.mobile-kart-box .button-kart:before{
font-family: "lko" !important;
font-size: 16px;
font-weight: 500;
position: absolute;
top: 0;
right: 5px;
content: "q";
color: #ffffff;
}
.mobile-kart-box .button-kart.collapsed:before{
font-family: "lko" !important;
font-size: 16px;
font-weight: 500;
content: "o";
color: #ffffff;
}
}
@media (max-width: 991px){
.mobile-kart-box{
position: fixed;
z-index: 50;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.mobile-kart-box .kart-box{
width: 100%;
margin: 0;
text-align: left;
}
.mobile-kart-box .button-kart{
position: relative;
display: block;
width: 100%;
cursor: pointer;
color: #fff;
}
.mobile-kart-box .button-kart:before{
font-family: "lko" !important;
font-size: 16px;
font-weight: 500;
position: absolute;
top: 0;
right: 5px;
content: "q";
color: #ffffff;
}
.mobile-kart-box .button-kart.collapsed:before{
font-family: "lko" !important;
font-size: 16px;
font-weight: 500;
content: "o";
color: #ffffff;
}
.mobile-kart-box header{
line-height: 45px;
height: 45px;
}
.kart-box .show-kart{
overflow: auto;
max-height: 350px;
}
}
@media (max-width: 670px){
.kart-box .show-kart{
overflow: auto;
max-height: 150px;
}
}
#signup-form .checkbox input,
.form-sect .checkbox input{
display: none;
}
#signup-form .btn,
.form-sect .btn{
margin-top: 1em;
}
.quick-links .rar > li{
font-size: 14px;
font-weight: 500;
padding: 5px 0;
}
.quick-links .rar > li a{
position: relative;
display: block;
padding-left: 17px;
color: #00517e;
}
.quick-links .rar > li a::before{
font-family: "lko" !important;
font-size: 9px;
font-weight: 400 !important;
font-style: normal !important;
font-variant: normal !important;
position: absolute;
top: 3px;
left: 2px;
content: "J";
vertical-align: top;
text-transform: none !important;
color: #00517e;
}
.quick-links header{
position: static;
z-index: inherit;
min-height: auto !important;
margin-bottom: 5px;
border-top: 0;
border-bottom: 1px solid #dcdcdc;
background-color: transparent;
}
.releted-articles,
.articlelist,
.box--filter,
.box--white{
margin-top: 0.5em;
margin-bottom: 2em;
}
.releted-articles header,
.articlelist header,
.box--filter header,
.box--white header{
padding-top: 0 !important;
}
.releted-articles h2,
.articlelist h2,
.box--filter h2,
.box--white h2{
font-size: 16px;
font-weight: 400;
padding-bottom: 0.7em;
color: #606060;
}
.releted-articles h2 svg,
.articlelist h2 svg,
.box--filter h2 svg,
.box--white h2 svg{
width: 21px;
height: 19px;
margin-right: 7px;
vertical-align: middle;
fill: currentColor;
}
.releted-articles .rar > li,
.articlelist .rar > li,
.box--filter .rar > li,
.box--white .rar > li{
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 0.71em 0;
border-bottom: 1px solid #dcdcdc;
}
.releted-articles .rar > li a,
.articlelist .rar > li a,
.box--filter .rar > li a,
.box--white .rar > li a{
position: relative;
display: block;
padding-left: 0;
color: #000000;

}
.releted-articles .rar > li a span,
.articlelist .rar > li a span,
.box--filter .rar > li a span,
.box--white .rar > li a span{
font-size: 12px;
}
.releted-articles .list-articles > li,
.articlelist .list-articles > li,
.box--filter .list-articles > li,
.box--white .list-articles > li{
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 0.71em 0 0.71em 1em;
border-bottom: 1px solid #dcdcdc;
}
.releted-articles .list-articles > li a,
.articlelist .list-articles > li a,
.box--filter .list-articles > li a,
.box--white .list-articles > li a{
position: relative;
display: block;
padding-left: 0;
color: #000000;
}
.releted-articles .list-articles > li a::before,
.articlelist .list-articles > li a::before,
.box--filter .list-articles > li a::before,
.box--white .list-articles > li a::before{
font-family: "lko" !important;
font-size: 9px;
font-weight: 400 !important;
font-style: normal !important;
font-variant: normal !important;
position: absolute;
top: 3px;
left: -15px;
content: "J";
vertical-align: top;
text-transform: none !important;
color: #000000;
}
.releted-articles .pagination,
.articlelist .pagination,
.box--filter .pagination,
.box--white .pagination{
display: table;
width: 100%;
margin: 1.6em 0 1em 0 !important;
}
.releted-articles .navigation-result .pull-left,
.articlelist .navigation-result .pull-left,
.box--filter .navigation-result .pull-left,
.box--white .navigation-result .pull-left{
display: none;
}
.releted-articles.dateon li a,
.articlelist.dateon li a,
.box--filter.dateon li a,
.box--white.dateon li a{
padding-left: 0;
}
.releted-articles.dateon li a .datek,
.articlelist.dateon li a .datek,
.box--filter.dateon li a .datek,
.box--white.dateon li a .datek{
font-size: 14px;
font-weight: 400;
padding-bottom: 4px;
color: #838383;
}
.releted-articles.dateon li a::before,
.articlelist.dateon li a::before,
.box--filter.dateon li a::before,
.box--white.dateon li a::before{
content: "";
}
.modal .kart-box{
margin-top: 0;
}
#modal-kart .modal-dialog{
width: 970px;
min-height: 750px;

}
#modal-kart .modal-dialog form{
float: none;
}
#modal-kart .webform input{
width: 100%;
}
#modal-kart .kart-content td{
padding: 8px 5px !important;
}
#modal-kart .modal-header{
padding-bottom: 1em;
}
#modal-kart .modal-content{
padding: 1em 5em;
border-radius: 0;
}
@media (max-width: 1000px){
#modal-kart .modal-dialog{
width: auto;
margin: 2% auto;
}
#modal-kart .modal-content{
padding: 20px;
}
}
.cont-newsletter{
background-color: #e8eceb;
}
@media (max-width: 992px){
.releted-articles,
.articlelist{
margin-top: 2.5em;
}
main footer{
margin-top: 1.5em !important;
}
}
@media (min-width: 992px){
.events .open-detail{
text-align: right;
}
}

.search-result header{
display: table;
}
.search-result header h2{
float: left;
}
.search-result header .pagination{
float: right;
}
@media (max-width: 480px){
.search-result header .pagination{
padding-top: 1.5em;
}
}
.search-result .list-searchresult{
margin: 0;
}
.search-result .list-searchresult li{
display: table;
width: 100%;
padding: 1em 0;
border-bottom: 1px solid #dcdcdc;
}
.search-result .list-searchresult li:first-child{
border-top: 1px solid #dcdcdc;
}
.search-result .list-searchresult li a{
position: relative;
display: block;
}
.search-result .list-searchresult li time{
font-size: 1.4rem;
display: table-cell;
width: 10%;
padding: 1em 2em;
text-align: center;
vertical-align: middle;
}
@media (max-width: 480px){
.search-result .list-searchresult li time{
display: block;
width: 100%;
padding: 10px 0 0 0;
text-align: left;
}
}
.box--filter ul{
margin-top: 0.5em;
}
.box--filter ul li{
margin: 1.2rem 1.2rem 0;
}
.box--filter ul li a{
display: block;
}
.box--filter ul li a svg{
display: inline-block;
width: 1em;
height: 1em;
margin-right: 4px;
vertical-align: middle;
fill: currentColor;
}
.box--filter ul li.disabled{
cursor: not-allowed;
color: #dcdcdc;
}
.box--white dl dt{
float: left;
clear: left;
width: 40px;
padding: 0.75em 0;
}
.box--white dl dd{
float: left;
width: calc(100% - 40px);
padding: 0.75em 0;
}
figure i.content_images_modal_single{
position: absolute;
right: 5px;
bottom: 5px;
display: block;
width: 25px;
height: 25px;
opacity: 0.9;
background-image:  url(/src_core/img/icon-enlarge.png?1707241332);
background-repeat: no-repeat;
background-position: right bottom;
filter: alpha(opacity=90);
}

.site-modal{
text-align: center;
}
@media screen and (min-width: 769px){
.site-modal:before{
display: inline-block;
height: 100%;
content: " ";
vertical-align: middle;
}
}
.site-modal .modal-dialog{
display: inline-block;
margin: auto;
text-align: left;
vertical-align: middle;
}
.webshop ~ #template-footer{
display: none;
}

@media (max-width: 767px){
.grid02 .keyword{
clear: left;
}
}

.test-svg > section{
margin: 0;
padding: 2.2em 0;
border-bottom: 3px dotted #666;
}
.test-svg .circel-div{
font-size: 14px;
line-height: 50px;
display: block;
float: left;
width: 50px;
height: 50px;
margin-right: 5px;
text-align: center;
color: white;
border-radius: 100px;
background-color: red;
}
.test-svg .result-svg{
float: right;
text-align: right;
}
.test-svg .result-svg .ok{
color: green;
}
.test-svg .result-svg .ko{
color: red;
}
.test-svg svg{
border: 1px dashed #ccc;
}
.test-svg .svg1 svg{
height: 50px;
}
.test-svg .svg2 svg{
width: auto;
height: auto;
}
.test-svg .svg3 .svg-cont{
display: block;
width: 50px;
height: 50px;
border: 1px solid red;
}
.test-svg .svg4 svg{
width: 50px;
height: 50px;
}
.test-svg ul{
display: table;
}
.test-svg ul li{
display: table-cell;
border: 2px solid white;
background-color: #f4f4f4;
}
.test-svg .Icon{
position: relative;
display: inline-block;
height: 50px;

-webkit-user-select: none;
user-select: none;
}
.test-svg .Icon-canvas{
display: block;
visibility: hidden;
height: 100%;
}
.test-svg .Icon-svg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.publikationen li figure img{
border: 1px solid #f4f4f4;
}
.psm{
float: left;
width: 100%;
padding-bottom: 2.5em;
}
.psm h1{
float: left;
}
.psm .SumoSelect{
margin-left: 20px;
}
@media (max-width: 480px){
.psm .SumoSelect{
clear: left;
margin-top: 10px;
margin-left: 0;
}
.psm h1{
float: none;
}
}

.id5028 .content-container .figure--left{
margin-right: 0 !important;
}
.header__upper{
overflow: hidden;
margin-top: 0rem;
padding-bottom: 5px;
border-bottom: 1px solid #dcdcdc;
}
.header__upper .header__info{
font-size: 1.4rem;
float: left;
text-align: left;
color: #858585;
}
.header__upper .header__actions{
font-size: 1.4rem;
float: right;
color: #858585;
}
.header__upper .header__actions a{
text-decoration: none;
color: #858585 !important;
}
.header__upper .header__actions a > i{
font-size: 1.25em;
margin-right: 0.25em;
vertical-align: middle;
}
.header__upper .header__actions a + a{
margin-left: 2em;
}
aside footer,
main footer{
clear: both;
padding: 0.5em 0;
border-top: 0 solid #dcdcdc;
background-color: transparent;
}
main footer{
display: inline-block;
overflow: hidden;
width: 100%;
margin-top: 3em;
}
main footer .pagination{
float: right;
}
.icon{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
content: attr(data-icon);
text-transform: none !important;
}
.icon-drucken::before{
content: "p";
}
.icon-email::before{
content: "n";
}
.icon-pdf::before{
content: "b";
}
article header{
background-color: transparent;
}
article header h1{
margin-top: 1.33em;
}
article .page-navigation{
background-color: transparent !important;
}
article .content-container.style1{
padding: 2rem;
color: #000;
background-color: #f4f4f4;
}
article .content-container .caption-italic{
font-size: 14px;
font-style: italic;
display: block;
text-align: right;
}
article ul{
display: table;
margin: 0.5em 0;
padding: 0;
list-style: none;
}
article .content-text ul,
article .content-container ul{
display: table;
margin: 0.5em 0;
padding: 0;
list-style: none;
}
article .content-text ul li,
article .content-container ul li{
position: relative;
margin: 5px 0;
padding: 0 0 0 15px;
}
article .content-text ul li::before,
article .content-container ul li::before{
font-size: 25px;
position: absolute;
left: 0;
content: "• ";
vertical-align: text-top;
color: #00517e;
}
article table{
margin: 0;
}
article table tr td{
border-bottom: 1px solid #dcdcdc;
}
.linkbox,
.downloadbox{
margin-bottom: 2em;
padding: 1em;
background-color: #f4f4f4;
}
.linkbox h2,
.downloadbox h2{
font-size: 18px;
font-weight: 400;
position: relative;
text-transform: uppercase;
color: #000000 !important;
}
.linkbox h2 svg,
.downloadbox h2 svg{
height: 20px;
margin-right: 5px;
vertical-align: baseline;
fill: currentColor;
}
.linkbox li,
.downloadbox li{
position: relative;
margin: 0 !important;
margin-left: 6px;
padding: 0 !important;
list-style-image: none;
}
.linkbox li::before,
.downloadbox li::before{
position: absolute;
top: 7px;
left: 0;
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
content: "";

background-repeat: no-repeat;
}
.linkbox li a,
.downloadbox li a{
line-height: 21px !important;
padding: 3px 0 3px 5px !important;
text-decoration: none !important;
}
.linkbox li::before{
content: "" !important;
}
.linkbox li a{
display: block;
margin-left: 25px !important;
text-decoration: none !important;
}
.linkbox li a::before{
font-family: "lko" !important;
font-size: 1.2em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
position: absolute;
top: 0;
left: 0;
content: attr(data-icon);
content: "y";
text-transform: none !important;
color: #000000;
}
.footer-article{
margin-top: 1em;
padding-top: 0.5em;
border-top: 1px solid #f4f4f4;
}
.footer-article .author-date{
font-size: 13px;
display: block;
float: right;
height: 64px;
margin: 0 30px 0 0;
padding: 23px 0;
color: #858585;
}
.footer-article .shariff{
float: right;
margin-top: 0.5em;
margin-right: 0;
}
.footer-article .shariff li.shariff-button > a .fa{
width: 26px;
height: 26px;
margin: 1rem 0 1rem 4px;
background-color: #ababab;
}
.footer-article .social-btn{
float: left;
margin: 1em 1em 1em 0;
}
.footer-article .social-btn li{
display: table-cell;
}
.footer-article .social-btn a{
display: block;
overflow: hidden;
width: 23px;
height: 23px;
margin: 10px 0 10px 4px;
text-align: center;
color: #ffffff;
background-color: #ababab;
}
.footer-article .shariff li.shariff-button > a :first-child{
background-color: #ababab;
background-position: center center;
}
.footer-article .print-btn{
float: left;
margin: 1em 0;
}
.footer-article .print-btn li{
display: table-cell;
}
.footer-article .print-btn a{
font-size: 13px;
display: block;
overflow: hidden;
height: 23px;
margin: 5px 30px 10px 0;
color: #858585;
}
.footer-article .print-btn svg{
width: auto;
height: 20px;
margin-right: 4px;
vertical-align: middle;
fill: #858585;
}
.footer-article .print-btn .pdfic{
float: right;
}
.page-navigation{
overflow: hidden;
padding: 10px 30px;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
background-color: #f4f4f4;
}
.page-navigation a{
font-size: 16px;
line-height: 1.5em;
position: relative;
display: inline-block;
width: 50%;
}
.page-navigation a .re{
float: left;
}
.page-navigation a .re img{
max-width: 118px;
max-height: 80px;
margin-right: 30px;
margin-left: -20px;
}
.page-navigation a.page-navigation__next{
float: right;
text-align: right;
}
.page-navigation a.page-navigation__next .re{
float: right;
}
.page-navigation a.page-navigation__next .re img{
max-width: 118px;
max-height: 80px;
margin-right: -20px;
margin-left: 30px;
}
.page-navigation a svg{
display: none;
}
.page-navigation a span{
font-size: 14px;
line-height: 18px;
position: relative;
text-transform: uppercase;
color: #00517e;
}
.page-navigation a span.pn-dir::before{
font-family: "lko" !important;
font-size: 0.75em;
position: absolute;
top: 0;
}
.page-navigation a .pn-dir{
display: inline-block;
margin-top: 10px;
}
.page-navigation a .pn-title{
margin-bottom: 10px;
}
.page-navigation a.page-navigation__prev .pn-dir::before{
left: -20px !important;
content: "A";
}
.page-navigation a.page-navigation__next .pn-dir::before{
right: -15px !important;
content: "J";
}
.page-navigation a p{
line-height: 19px;
margin: 0;
padding: 0;
}
@media (max-width: 991px){
.page-navigation a .pn-dir{
margin-top: 0;
}
.pn-title{
margin-bottom: 0;
}
}
@media (max-width: 768px){
.footer-article .shariff,
.footer-article .author-date{
display: table;
float: none;
margin: 5px auto;
}
.footer-article .print-btn{
display: table;
float: none;
margin: 5px auto;
}
.footer-article .print-btn a{
margin: 5px 20px 10px 0;
}
.page-navigation .pn-title{
display: none;
}
.header__actions{
display: none;
}
}
.list-filtered-downloads li{
position: relative;
margin: 5px;
padding-left: 15px;
list-style-image: none;
}
.list-filtered-downloads li::before{
position: absolute;
top: 7px;
left: 0;
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
content: "";
background-image:  url("/src_project/svg/portal/pfeil_re.svg#Ebene_1");
background-repeat: no-repeat;
}
footer{
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 4em 0 2.5em 0;
color: #606060;
border-top: 1px solid #dcdcdc;
background-color: #f4f4f4;
}
footer h2{
font-size: 18px;
font-weight: 500;
color: #000000;
}
footer li{
padding: 4px 0 !important;
}
footer li a{
font-size: 14px;
color: #606060;
}
footer p{
margin: 15px 0 20px 0;
}
footer a{
color: #606060;
}
footer .footer__links a{
font-weight: 400;
color: #00517e;
}
#main-footer h2{
font-size: 16px;
font-weight: 500;
margin-top: 0;
padding-top: 0;
color: black;
}
#main-footer .footer__contact{
line-height: 29px;
}
#main-footer .site-name{
font-size: 18px;
}
#main-footer ul{
margin: 0.5em 0 0;
}
#main-footer ul li{
margin: 0;
padding: 0.3em 0;
}
#main-footer ul + h2{
margin: 1em 0 0;
}
#main-footer .footer__links li{
float: left;
}
#main-footer .footer__links li::after{
margin: 0 4px;
content: "|";
}
#main-footer .footer__links li:last-child::after{
margin: 0;
content: "";
}
.main-footer--fullwidth{
font-size: 1.4rem;
padding: 1.5rem 0 1.8rem;
color: #606060;
border-top: 1px solid #dcdcdc;
background-color: #f4f4f4;
}
.main-footer--fullwidth h2{
font-size: 1.4rem;
font-weight: 400;
display: inline-block;
margin: 0 1em 0 0;
vertical-align: middle;
}
.main-footer--fullwidth svg{
width: 3.6rem;
height: 3.6rem;
margin-right: 0.5em;
vertical-align: middle;
fill: #606060;
}
.main-footer--fullwidth form{
display: inline-block;
vertical-align: middle;
}
.main-footer--fullwidth input{
line-height: 3.6rem;
float: left;
height: 3.6rem;
padding: 0 1em;
border: none;
}
.main-footer--fullwidth input[type=text]{
border-radius: 3px 0 0 3px;
-ms-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
}
.main-footer--fullwidth input[type=submit]{
color: white;
border-radius: 0 3px 3px 0;
background-color: #ababab;
-ms-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
}
.main-footer--fullwidth a{
display: inline-block;
margin: 1rem 0;
color: #606060;
}
.main-footer--fullwidth a + a{
margin-left: 2em;
}
.footer-logos{
padding: 1.8em 0;
}
.footer-logos h4{
font-size: 14px;
}
.footer-logos img{
max-width: 100%;
height: auto;
vertical-align: middle;
}
.footer-logos .col-xs-6,
.footer-logos .col-sm-4,
.footer-logos .col-md-2{
margin-bottom: 20px;
}
.footer-logos .col-md-2{
display: table-cell;
float: none;
vertical-align: middle;
}
.f-light .titlespan{
display: block;
padding-bottom: 10px;
}
.f-light ul{
margin-top: 15px !important;
}
.f-light ul li{
padding: 0 !important;
}
@media (max-width: 767px){
.main-footer--fullwidth{
text-align: center;
}
.footer-logos img{
width: auto;
max-width: 100%;
max-height: 60px;
}
.footer-logos .col-md-2{
display: initial;
float: left;
height: 60px;
text-align: center;
vertical-align: middle;
}
}
@media (max-width: 991px){
.main-footer--fullwidth h2{
margin-right: 0.5rem;
}
}
@media (max-width: 432px){
.main-footer--fullwidth h2{
display: block;
text-align: center;
}
}
@media (max-width: 767px){
.main-footer--fullwidth form{
margin: 2rem auto;
}
}
@media (max-width: 991px){
.main-footer--fullwidth form{
width: 260px;
}
}
@media (max-width: 991px){
.main-footer--fullwidth input[type=text]{
width: 60%;
}
}
@media (max-width: 991px){
.main-footer--fullwidth input[type=submit]{
width: 40%;
}
}
@media (max-width: 767px){
.main-footer--fullwidth .text-right{
text-align: center;
}
}
@media (max-width: 480px){
.main-footer--fullwidth a > span{
display: none;
}
}
@media (max-width: 767px){
.slider-cont{
overflow: hidden;
}
}
.slider-cont .carousel .carousel-indicators{
display: none;
}
.slider-cont .carousel .carousel-caption{
bottom: 100px;
left: 100px;
width: 45%;
padding: 1em;
text-align: left;
background: rgba(255,255,255,0.9);
text-shadow: 0 0 0 rgba(0,0,0,0);
}
.slider-cont .carousel .carousel-caption h2{
font-size: 26px;
font-weight: 600;
color: #000000;
}
.slider-cont .carousel .carousel-caption p{
font-size: 16px;
color: #616161;
}
.slider-cont .carousel .carousel-caption.captran{
background: transparent !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.slider-cont .carousel .carousel-caption.captran h2{
color: #ffffff;
}
.slider-cont .carousel .carousel-caption.captran p{
color: #ffffff;
}
.slider-cont .carousel-control{
width: auto;
}
.slider-cont .carousel-control.right{
opacity: 1;
background: none;
}
.slider-cont .carousel-control .glyphicon-chevron-right{
width: 50px;
}
.slider-cont .carousel-control .glyphicon-chevron-right::before{
font-family: "lko" !important;
font-size: 12px;
font-weight: 100;
right: 0;
padding: 10px;
content: "J";
color: #00517e;
background-color: #ffffff;
text-shadow: 0 0 0 rgba(0,0,0,0);
}
.slider-cont .carousel-control.left{
opacity: 1;
background: none;
}
.slider-cont .carousel-control .glyphicon-chevron-left{
width: 50px;
}
.slider-cont .carousel-control .glyphicon-chevron-left::before{
font-family: "lko" !important;
font-size: 12px;
font-weight: 100;
right: 0;
padding: 10px;
content: "A";
color: #00517e;
background-color: #ffffff;
text-shadow: 0 0 0 rgba(0,0,0,0);
}
.slick-prev:before,
.slick-next:before{
color: black;
}
.slick-slide img{
float: left !important;
margin-right: 1em !important;
}
.slick-slide > h3{
font-size: 1.2em !important;
word-break: break-all;
}
.slick-slide p{
font-size: 1.1em;
word-break: break-word;
}
.slick-slide a h3,
.slick-slide a p{
color: #000000;
}
.slick-next::before{
width: 70px;
height: 70px;
content:  url("/src_project/svg/portal/pfeil_kl_re.svg") !important;
opacity: 0.6;
}
.slick-slide{
padding-right: 5px;
}
.slick-prev{
opacity: 0.9em;
}
.slick-prev::before{
width: 70px;
height: 70px;
content:  url("/src_project/svg/portal/pfeil_kl_li.svg") !important;
opacity: 0.6;
}
.slick-prev{
z-index: 27;
left: 0;
width: 40px;
height: 40px;
}
.slick-next{
z-index: 27;
right: 0;
width: 40px;
height: 40px;
}
.aktuelle-box .slick-slide p{
font-size: 1.3em !important;
}
.aktuelle-box .slick-slide h3{
font-size: 0.9em;
}
.aktuelle-box a h3,
.aktuelle-box a p{
color: #000000;
}

.fotogalerie-carousel{
overflow: hidden;
padding: 1.5em 0 1.5em 0;
}
.fotogalerie-carousel header{
background-color: transparent;
}
.fotogalerie-carousel section{
margin: 0;
}
.fotogalerie-carousel .content--overlay{
float: left;
width: 100%;
}
.fotogalerie-carousel h3{
font-size: 1.2em;
float: left;
width: auto;
max-width: 550px !important;
}
.fotogalerie-carousel h2{
font-size: 22px;
font-weight: 600;
}
.fotogalerie-carousel .link-more{
right: auto;
left: 180px;
}
@media (max-width: 570px){
.fotogalerie-carousel h3{
float: left;
width: 90% !important;
}
}
@media (max-width: 480px){
.fotogalerie-carousel h3{
float: left;
width: 90% !important;
}
}
@media (max-width: 320px){
.fotogalerie-carousel h3{
float: left;
width: 90% !important;
}
}
.fotogalerie-carousel article h2,
.fotogalerie-carousel article h3{
font-size: 16px !important;
font-weight: 600;
clear: both;
width: 100%;
padding-top: 0.5em;
}
.fotogalerie-carousel article .news-img img{
float: left;
margin-right: 10px;
}
.fotogalerie-carousel a h2,
.fotogalerie-carousel a h3,
.fotogalerie-carousel a p{
color: #000000;
}
.fotogalerie-carousel .aktuelle-box .slick-prev{
left: -2em !important;
display: block;
}
.fotogalerie-carousel .aktuelle-box .slick-next{
right: 2em;
display: block;
}
.fotogalerie-carousel .slick-next{
width: 100px;
height: 100%;
background: linear-gradient(to right,rgba(244,244,244,0),rgb(244,244,244));
}
.fotogalerie-carousel .slick-next::before{
position: absolute;
top: 75px;
right: -10px;
width: 50px;
height: 50px;
fill: #00517e;
}
.fotogalerie-carousel .gallery-preview{
display: block;
overflow: hidden;
max-width: 570px;
height: 180px;
}
.fotogalerie-carousel .gallery-preview ul.preview-images{
margin: 0;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li{
float: left;
overflow: hidden;
width: 128px;
height: 85px;
margin: 0 10px 10px 0;
padding: 0;
background-color: #ccc;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li a{
display: block;
width: 100%;
text-align: center;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li img{
float: none !important;
max-width: 128px;
height: 85px;
margin: 0 auto !important;
border: 0;
background-size: 100% 100% !important;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li::before{
content: " ";
}
.fotogalerie-carousel .gallery-preview ul.preview-images li:first-child{
float: left;
width: 270px;
height: 180px;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li:first-child img{
max-width: 270px;
height: 180px;
border: 0;
}
.fotogalerie-carousel .gallery-preview > ul[data-count]::after{
font-size: 12px;
font-weight: 500;
line-height: 30px;
position: absolute;
top: 140px;
right: 70px;
width: 30px;
height: 30px;
content: "+" attr(data-count);
transform: translateY(-50%);
text-align: center;
color: white;
border-radius: 2.5rem;
background: #00517e;
-ms-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
}
@media (max-width: 768px){
.fotogalerie-carousel .gallery-preview > ul[data-count]::after{
right: auto;
left: 30px;
}
}
.data-kurse svg{
width: 28px;
fill: #5f5f5f;
}
main .fotogalerie-carousel{
border-bottom: 1px solid #ddd;
}
main .fotogalerie-carousel .container{
width: 100% !important;
}
.one-item.slick-slider img{
margin-right: 1.5em !important;
}
.one-item .slick-prev,
.two.item .slick-prev{
display: block !important;
}
.two-item .draggable,
.fotogalerie-carousel.bk-grey .draggable{
margin-left: 2em;
}
.home-kar .slick-prev{
display: none !important;
}
.slider-cont .carousel-caption{
position: absolute !important;
}
.recipe-slider{
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}
.recipe-slider .container{
margin: 1.5em 0;
}
.recipe-slider .container section{
margin: 0 !important;
}
.recipe-slider h2{
margin-bottom: 1.5em;
}
.recipe-slider .slick-slide{
padding-right: 15px;
}
.recipe-slider .slick-slide h3{
font-size: 16px;
}
.recipe-slider p{
font-size: 16px;
}
.recipe-slider img{
max-width: 120px;
}
@media (max-width: 1200px){
.slider-cont .carousel .carousel-caption{
bottom: 60px;
left: 100px;
}
}
@media (max-width: 992px){
.slider-cont .carousel .carousel-caption{
bottom: 10px;
left: 60px;
}
.slider-cont .carousel .carousel-caption p{
margin-bottom: 0;
}
}
@media (max-width: 767px){
.slider-cont .carousel-caption{
position: absolute !important;
bottom: 10% !important;
left: 10% !important;
width: 60% !important;
}
.slider-cont .carousel-caption p{
display: none;
}
}
@media (max-width: 480px){
.slider-cont .carousel-caption{
position: relative !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
background-color: #f4f4f4 !important;
}
.slider-cont .carousel-caption h2{
font-size: 22px !important;
margin: 0;
}
}

.carousel-inner figure{
display: table;
margin: 0 auto !important;
}
.mediabox figure img{
width: auto;
max-height: 100%;
background-repeat: no-repeat !important;
background-position: center center;
background-size: contain !important;
}
.mediabox.img-slide .carousel-caption{
padding-top: 10px;
}
.modal .mediabox img{
max-height: 90% !important;
}
main .mediabox.img-slide .set-container .counter{
display: none !important;
}
.mediabox.img-slide .carousel-indicators li{
overflow: hidden;
margin: 8px 0 3px 0 !important;
}
.img-slide .carousel-control.right span{
display: none;
}
.img-slide .carousel-control.right::before{
position: absolute;
top: calc(50% - 20px);
right: 5px;
width: 40px;
height: 40px;
content:  url("/src_project/svg/portal/pfeil_kl_re.svg");
opacity: 1;
}
.img-slide .carousel-control.left span{
display: none;
}
.img-slide .carousel-control.left::before{
position: absolute;
top: calc(50% - 20px);
left: 5px;
width: 40px;
height: 40px;
content:  url("/src_project/svg/portal/pfeil_kl_li.svg");
opacity: 1;
}
.mediabox .set-container .carousel-indicators .active{
width: 10px;
height: 10px;
border: 1px solid #00517e !important;
background: #00517e !important;
}
.mediabox.img-slide .carousel figure{
width: 100%;
border: 1px solid #dcdcdc;
}
.mediabox.img-slide .carousel figure img{
vertical-align: top;
}
@media (max-width: 600px){
.slick-slide{
padding-right: 0 !important;
}
.fotogalerie-carousel .slick-next::before{
top: 55px;
}
.fotogalerie-carousel ul[data-count]::after{
top: auto !important;
bottom: 5px;
left: 10px !important;
}
.fotogalerie-carousel .gallery-preview{
height: 100px;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li{
float: left;
width: 24% !important;
height: 48px !important;
margin: 0 1.5% 4px 0 !important;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li img{
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border: 0;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li:first-child{
float: left;
width: 48% !important;
height: 100px !important;
margin: 0 2% 10px 0 !important;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li:first-child img{
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border: 0;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li:nth-child(3),
.fotogalerie-carousel .gallery-preview ul.preview-images li:nth-child(5){
margin-right: 0 !important;
}
.fotogalerie-carousel .slick-next{
background: none !important;
}
}
@media (min-width: 480px) and (max-width: 600px){
.fotogalerie-carousel .slick-next::before{
top: 55px;
}
.fotogalerie-carousel .gallery-preview{
height: 150px;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li{
float: left;
width: 24% !important;
height: 73px !important;
margin: 0 1.5% 4px 0 !important;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li img{
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border: 0;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li:first-child{
float: left;
width: 48% !important;
height: 150px !important;
margin: 0 2% 10px 0 !important;
}
.fotogalerie-carousel .gallery-preview ul.preview-images li:first-child img{
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border: 0;
}
}
@media (max-width: 479px){
.fotogalerie-carousel .slick-next::before{
top: 35px;
}
}

@media (min-width: 601px){
.slick-slider article.small .content--overlay{
width: auto;
max-width: 265px;
}
.slick-slider article.small .gallery-preview > ul[data-count]::after{
right: 56px;
}
}
@media (min-width: 768px){
.slider-cont .container{
padding-right: 30px;
padding-left: 30px;
}
}
input.has-error{
border: 1px solid #f00 !important;
}
.form-sect,
.webform,
.dontconvert,
#forgettenPass{
margin: 0;
padding: 0;
}
.form-sect .row,
.webform .row,
.dontconvert .row,
#forgettenPass .row{
margin-bottom: 1em;
}
.form-sect .has-error input,.form-sect .has-error + p.CaptionCont,
.webform .has-error input,
.webform .has-error + p.CaptionCont,
.dontconvert .has-error input,
.dontconvert .has-error + p.CaptionCont,
#forgettenPass .has-error input,
#forgettenPass .has-error + p.CaptionCont{
border: 1px solid #f00 !important;
}
.form-sect div > label,
.webform div > label,
.dontconvert div > label,
#forgettenPass div > label{
font-size: 16px;
font-weight: 400;
margin: 15px 0 5px 0 !important;
text-transform: initial;
}
.form-sect div > label .help-block,
.webform div > label .help-block,
.dontconvert div > label .help-block,
#forgettenPass div > label .help-block{
display: inline-block;
margin: 0 0 0 5px;
color: #f00;
}
.form-sect div > label span,
.webform div > label span,
.dontconvert div > label span,
#forgettenPass div > label span{
color: #767575;
}
.form-sect input[type=text],
.form-sect input[type=email],
.form-sect select,
.form-sect .SelectBox,
.form-sect .form-control,
.form-sect textarea,
.webform input[type=text],
.webform input[type=email],
.webform select,
.webform .SelectBox,
.webform .form-control,
.webform textarea,
.dontconvert input[type=text],
.dontconvert input[type=email],
.dontconvert select,
.dontconvert .SelectBox,
.dontconvert .form-control,
.dontconvert textarea,
#forgettenPass input[type=text],
#forgettenPass input[type=email],
#forgettenPass select,
#forgettenPass .SelectBox,
#forgettenPass .form-control,
#forgettenPass textarea{
font-size: 15px;
width: 100%;
height: auto;
padding: 0.7em 0.7em;
color: #666;
border: 1px solid #dcdcdc;
border-radius: 3px;
box-shadow: none;
}
.form-sect .SumoSelect,
.webform .SumoSelect,
.dontconvert .SumoSelect,
#forgettenPass .SumoSelect{
width: 100%;
}
.form-sect .SumoSelect > .optWrapper,
.webform .SumoSelect > .optWrapper,
.dontconvert .SumoSelect > .optWrapper,
#forgettenPass .SumoSelect > .optWrapper{
top: 40px;
}
.form-sect .btn,
.webform .btn,
.dontconvert .btn,
#forgettenPass .btn{
font-size: 16px;
min-width: 172px;

cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #fff;
border: 0 none;
border-radius: 3px;
background-color: #00517e;
background-image: none;
}
.form-sect .btn:disabled,
.webform .btn:disabled,
.dontconvert .btn:disabled,
#forgettenPass .btn:disabled{
cursor: not-allowed;
color: black;
background-color: #dddddd;
}
.form-sect .checkbox,
.webform .checkbox,
.dontconvert .checkbox,
#forgettenPass .checkbox{
float: left;
clear: left;
}
.cont-form .form-sect{
margin-bottom: 0;
border-bottom: 1px solid #dcdcdc;
}
.cont-form .form-sect div > label{
min-height: 20px;
}
.cont-form .form-sect .cont-check,
.cont-form .form-sect .wf-radio{
display: table;
width: 100%;
margin: 10px 0 15px 0;
}
.cont-form .form-sect .cont-check li,
.cont-form .form-sect .wf-radio li{
display: table-cell;
}
.cont-form .form-sect:last-child{
border-bottom: 0;
}
article .SumoSelect li{
list-style: none;
}
input[type=checkbox]:invalid + label:before,
input[type=radio]:invalid + label:before{
border-color: #f00;
}
.checkbox.has-error input[type=checkbox] + label::before,
.checkbox.has-error input[type=radio] + label::before{
border-color: #f00;
}
.checkbox.has-error label{
color: inherit;
}
.wf-area .wf-area-content{
margin-top: 0.5em;
}
.wf-area-content .wf-radio,
.wf-area-content .wf-check{
position: relative;
display: block;
margin-right: 1.5em;
margin-bottom: 10px;
padding-left: 35px;
cursor: pointer;
}
.wf-area-content .wf-check{
width: 100%;
margin-top: 5px;
}
.wf-area-content .wf-radio input,
.wf-area-content .wf-check input{
position: absolute !important;
z-index: -1;
opacity: 0;
}
.wf-area-content .wf-radio .txt-r,
.wf-area-content .wf-check .txt-r{
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 25px;
height: 25px;
padding: 0 !important;
text-indent: -3000px;
border: 1px solid #dcdcdc;
background: #ffffff;
}
.wf-area-content .wf-radio .txt-l,
.wf-area-content .wf-check .txt-l{
display: block !important;
}
.wf-area-content .wf-radio .txt-r{
border-radius: 50%;
}

.wf-area-content .wf-radio:hover input ~ .txt-r,
.wf-area-content .wf-radio input:focus ~ .txt-r{
background: #ccc;
}

.wf-area-content .wf-radio input:checked ~ .txt-r{
border: 3px solid #ffffff !important;
background: #00517e;
}

.wf-area-content .wf-radio:hover input:not([disabled]):checked ~ .txt-r,
.wf-area-content .wf-radio input:checked:focus ~ .txt-r{
border: 2px solid #ffffff !important;
background: #00517e;
}

.wf-area-content .wf-radio input:disabled ~ .txt-r{
pointer-events: none;
opacity: 0.6;
background: #e6e6e6;
}

.wf-area-content .txt-r:after{
position: absolute;
display: none;
content: "";
}

.wf-area-content .wf-radio input:checked ~ .txt-r:after{
display: block;
}

.wf-area-content .control--radio .txt-r:after{
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
}

.wf-area-content .control--radio input:disabled ~ .txt-r:after{
background: #7b7b7b;
}

.wf-area-content .wf-check:hover input ~ .txt-r,
.wf-area-content .wf-check input:focus ~ .txt-r{
background: #fff;
}

.wf-area-content .wf-check input:checked ~ .txt-r{
background: #fff;
}

.wf-area-content .wf-check:hover input:not([disabled]):checked ~ .txt-r,
.wf-area-content .wf-check input:checked:focus ~ .txt-r{
background: #fff;
}

.wf-area-content .wf-check input:disabled ~ .txt-r{
pointer-events: none;
opacity: 0.6;
background: #e6e6e6;
}

.wf-area-content .wf-check .txt-r:after{
position: absolute;
display: none;
content: "";
}

.wf-area-content .wf-check input:checked ~ .txt-r:after{
display: block;
}

.wf-area-content .wf-check .txt-r:after{
top: 3px;
left: 8px;
width: 7px;
height: 16px;
transform: rotate(45deg);
border: solid #00517e;
border-width: 0 3px 3px 0;
}

.wf-area-content .wf-check input:disabled ~ .txt-r:after{
border-color: #7b7b7b;
}
.wf-select .SumoSelect,
.webuserform .SumoSelect,
.wf-text textarea{
width: 100% !important;
}
.wf-select .optWrapper > .options li.opt label,
.webuserform .optWrapper > .options li.opt label{
float: none !important;
margin: 5px;
}
.wf-select .SumoSelect > .CaptionCont > label > i::before,
.webuserform .SumoSelect > .CaptionCont > label > i::before{
top: 7px !important;
}
.wf-select .SumoSelect > .optWrapper,
.webuserform .SumoSelect > .optWrapper,
.webform .SumoSelect > .optWrapper,
.dontconvert .SumoSelect > .optWrapper{
top: 44px;
}

.webform .txt-l,
.webform .txt-r,
.dontconvert .txt-l,
.dontconvert .txt-r{
font-weight: normal;
padding-bottom: 6px;
text-transform: none;
color: #606060;
}
.webform .button,
.dontconvert .button{
width: 33.33333% !important;
}
.webuserform .rows{
float: left;
clear: both;
width: 100%;
}
.webuserform .rows label{
float: left;
clear: both;
width: 100%;
}
.webuserform .field{
float: left;
clear: both;
width: 100%;
}
.form-body .login-button .btn,
.form-body .logout-button .btn{
font-weight: 700;
line-height: 1em;
display: inline-block;

padding: 1rem;
transition: all 0.2s linear 0s;
text-align: center;
color: #fff;
border: medium none;
border-radius: 3px;
background-color: #007e46;
}
.form-body .login-button .btn:hover,.form-body .login-button .btn:focus{
text-decoration: none;
color: #fff;
background-color: #004b2a;
box-shadow: none;
}
.form-body .logout-button .btn:hover,.form-body .logout-button .btn:focus{
text-decoration: none;
color: #fff;
background-color: #004b2a;
box-shadow: none;
}
.webform,
.dontconvert{
position: relative;
}
.webform .button,
.dontconvert .button{
padding: 0;
background: none;
}
.webform h4.wf-title,
.dontconvert h4.wf-title{
display: none;
}
.webform form label,
.dontconvert form label{
line-height: inherit;
}
.jbox-overlay-container{
overflow-x: hidden;
}
.formbody{
max-width: 400px;
max-height: 600px;
margin: 0;
padding: 15px;
}
.formbody .mailform{
padding-bottom: 30px;
}
.formbody .button{
margin-top: 20px;
}
.formbody label{
line-height: 30px;
clear: both;
width: 100%;
}
.formbody label span{
font-weight: normal;
line-height: 20px;
display: inline-block;
clear: both;
width: 100%;
}
.formbody label.senderinfo{
font-weight: normal;
}
.formbody label.senderinfo span{
display: none;
}
.formbody label.senderinfo input{
height: 13px;
margin: 9px 6px 0 0 !important;
}
.formbody input{
line-height: 30px;
clear: both;
width: 250px;
}
.formbody .secure{
position: relative;
}
.formbody .siimage{
position: absolute;
right: 10px;
}
.formbody .sendermessage textarea{
line-height: 20px !important;
width: 250px;
height: 80px !important;
}
.svr button{
position: absolute;
right: 20px;
}
.svr .nice-select{
margin-bottom: 20px;
}
.svr p{
display: block;
width: 100% !important;
max-width: inherit;
min-height: 40px;
}
.svr p > *{
vertical-align: inherit;
}
.svr td input{
width: 100px;
}
.betriebsfuehrung{
padding-top: 20px;
}
.betriebsfuehrung input{
height: auto !important;
margin: 0 10px;
}
.lk-service{
clear: both;
}
.checkform{
float: left;
width: 100%;
}
.checkform .filter{
font-size: 14px;
line-height: 42px !important;
float: left;
padding-right: 10px;
color: #858585 !important;
}
.checkform .nice-select{
float: left;
clear: none;
border-color: #dcdcdc !important;
}
.checkform .nice-select > *{
color: #858585 !important;
}
.webuserform{
width: 70%;
}
.webuserform .rows{
padding: 0 0 20px 0;
}
.webuserform .rows label{
font-weight: 500;
line-height: 20px;
display: block;
}
.webuserform .field input[type=text],.webuserform .field input[type=select]{
width: 100%;
}
.webuserform .field .nice-select{
width: 100%;
}
.webuserform .field .nice-select .list{
width: 100%;
}
.webuserform .field input[type=checkbox]{
height: auto;
margin-right: 10px;
}
.mandatory div.description{
font-weight: 500;
line-height: 20px;
float: left;
width: 100%;
margin-bottom: 5px;
}
.mandatory .field.wu-check label{
font-weight: 400;
}
.secure span{
line-height: 20px;
display: block;
float: left;
clear: both;
width: 100%;
margin-bottom: 5px;
}
.secure input{
display: block;
float: left;
clear: both;
width: 50%;
}
.secure .siimage{
margin: 5px;
}
.box--quickform .form-body{
display: block;
width: 100%;
margin-top: 0 !important;
padding: 1em;
background-color: #f4f4f4;
}
.box--quickform header{
margin-bottom: 0;
}
.box--quickform fieldset{
padding: 0 0 1em;
}
.box--quickform .kn-more span{
text-decoration: underline;
}
.loginform-first{
position: absolute;
left: 3000em;
width: 1px;
height: 1px;
}
.form-body label{
font-weight: 500;
line-height: 20px;
width: 100%;
}
.form-body .login-fieldrow{
padding-bottom: 10px;
}
.form-body .login-button{
margin: 10px 0 40px;
}
.form-body .register-button,
.form-body .forgetten-button{
float: left;
padding-right: 10px;
}
.form-body .register-button .btn,
.form-body .forgetten-button .btn{
border: 1px solid #ababab;
}
.form-body .text{
margin: 0 0 20px;
}
.form-body .formsecure .form-group{
float: left;
}
.form-body .form-control:focus{
border-color: #9bc3a8;
outline: 0 none;
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(155,195,168,0.6) !important;
}
.lk_service .navbar-nav a{
font-size: 14px;
font-weight: 400;
padding-right: 8px;
padding-left: 8px;
}
.list-2columns .media:first-child{
margin-top: 1.2rem !important;
}
input[type=radio],
input[type=checkbox]{
position: absolute;
}
input[type=radio]:focus + label:before,
input[type=checkbox]:focus + label:before{
border-color: #eaeaea;
background: #ffffff;
}
input[type=radio] + label,
input[type=checkbox] + label{
line-height: 1.25em;
position: relative;
display: inline-block;
padding-left: 4rem;
cursor: pointer;
transition: all 0.2s linear 0s;
transition-delay: 0s;
text-transform: none;
}
input[type=radio] + label:before,
input[type=checkbox] + label:before{
font-size: 3rem;
font-weight: 700;
line-height: 1em;
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 3rem;
height: 3rem;
content: "";
transform: translateY(-50%);
text-align: center;
color: #85a71c;
border: 1px solid #dcdcdc;
background-color: white;
}
input[type=radio] + label ~ label,
input[type=checkbox] + label ~ label{
margin-left: 20px;
}
input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before{
content: "✓";
}
input[type=radio] + label:before{
border-radius: 50px;
}
@media (max-width: 767px){
.webform .button,
.dontconvert .button{
width: 100% !important;
}
}

.search-page{
padding: 1em 2em;
}
.search-page .ui-datepicker th{
background-color: #00517e;
}
.search-page form{
padding: 1rem 0;
}
.search-page form label{
line-height: 40px;
display: inline-block;
width: 100px;
}
.search-page form input,
.search-page form textarea{
height: 40px;
padding: 0.5em;
border: 1px solid #dcdcdc;
border-radius: 3px;
}
.search-page form .btn-portalColor{
max-width: 159px;
}
@media (max-width: 767px){
.search-page form .btn-portalColor{
width: 100%;
max-width: 100%;
}
}
.search-page form .input-range input{
width: 100%;
}
@media (min-width: 768px){
.search-page form .input-range input{
width: 160px;
}
}
.search-page form .input-range span{
line-height: 40px;
height: 40px;
padding: 0 13px;
}
@media (max-width: 768px){
.search-page form .input-range span{
display: block;
}
}
.search-page form p{
display: flex;
width: 100%;
max-width: 470px;
}
@media (max-width: 768px){
.search-page form p{
display: block;
}
}
.search-page form p > *{
vertical-align: middle;
}
.search-page form p > input[type=text],.search-page form p > .input-range{
width: 100%;
max-width: 370px;
}
@media (min-width: 768px){
.search-page form p > input[type=text],.search-page form p > .input-range{
display: flex;
}
}
@media (max-width: 767px){
.search-page form p > input[type=text],.search-page form p > .input-range{
width: 100%;
max-width: 100%;
}
}
.search-page .formrow--labelpadding{
margin-bottom: 0;
margin-left: 100px;
padding-bottom: 0;
}
@media (max-width: 768px){
.search-page .formrow--labelpadding{
margin-top: 3rem;
margin-left: 0;
}
}
.search-page .form--kleinanzeigen{
width: 370px;
margin: 4rem 0;
}
@media (max-width: 768px){
.search-page .form--kleinanzeigen{
width: 100%;
max-width: 370px;
}
}
.search-page .form--fullwidth label{
line-height: 1.5em;
display: block;
}
.search-page .form--fullwidth div[class*=col-]{
margin-top: 2rem;
}
.search-page .form--fullwidth input,
.search-page .form--fullwidth textarea,
.search-page .form--fullwidth .select_style{
width: 100%;
margin-top: 0;
}
.search-page .form--fullwidth p{
display: block;
max-width: none;
margin: 3.5rem 0;
}
.search-page .form--fullwidth p:last-child{
margin-bottom: 0;
}
.search-page .form--fullwidth .button{
width: auto;
}
.search-page .form--fullwidth textarea{
height: 12rem;
}
.dontconvert label{
display: block;
width: 100%;
}
.dontconvert input{
width: 100%;
}
.dontconvert .login-button{
margin-top: 1.5em;
}
.dontconvert .login-button a{
font-size: 16px;
font-weight: 300;
font-weight: 400;
line-height: 46px;
line-height: 0.85em;
display: inline-block;
width: 100%;
padding: 0.8em 0.5em;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #ffffff !important;
border: 0 none;
border-radius: 3px;
background-color: #00517e;
background-image: none;
}
.dontconvert .login-button a:hover{
opacity: 0.8;
}
#submit-message{
font-size: 14px;
font-weight: 500;
padding-bottom: 5px;
}

.forgetten-button{
display: inline-block;
margin: 5px 0 0 0;
padding: 0;
}
#forgettenPass{
padding-top: 1em;
}
#forgettenPass .button{
font-size: 14px;
font-weight: 300;
font-weight: 400;
line-height: 46px;
line-height: 0.85em;
display: inline-block;
width: 100%;
margin-top: 1.3em;
padding: 0.8em 0.5em;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #ffffff;
border: 0 none;
border-radius: 3px;
background-color: #00517e;
background-image: none;
}
#forgettenPass .button:last-child{
font-size: 14px;
margin: 7px 0 0 0;
padding: 0;
text-align: left;
text-decoration: underline;
color: #00517e;
background-color: transparent;
}
#logout-buttons{
padding-top: 1.3em;
}
.logout-button{
font-size: 14px;
font-weight: 300;
font-weight: 400;
line-height: 46px;
line-height: 0.85em;
display: inline-block;
width: 100%;
padding: 0.8em 0.5em;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #ffffff;
border: 0 none;
border-radius: 3px;
background-color: #00517e;
background-image: none;
}
.logout-button a{
font-size: 14px !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
color: #ffffff !important;
}
.kurse .form-sect{
margin-bottom: 1em;
padding: 1.5em;
background-color: #f4f4f4;
}
.kurse .form-sect a{
color: #00517e;
}
.kurse .form-sect .btn{
border-radius: 0;
}
@media (min-width: 992px){
.kurse .form-sect .btn{
padding-left: 2.85rem;
padding-right: 2.85rem;
}
}
.webform,
.dontconvert{
float: left;
clear: both;
width: 100%;
}
.webform input,
.webform textarea,
.webform select,
.webform .SelectBox,
.dontconvert input,
.dontconvert textarea,
.dontconvert select,
.dontconvert .SelectBox{
font-family: Roboto,Helvetica,Arial,sans-serif;
font-weight: 300;
height: 40px;
padding: 4px 10px;

border-top-width: 1px;
border-top-style: solid;
border-top-color: #dcdcdc;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #dcdcdc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #dcdcdc;
border-radius: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.webform textarea,
.dontconvert textarea{
height: 120px;
}
.webform .txt-r,
.dontconvert .txt-r{
display: none;
}
.webform .style,
.dontconvert .style{
clear: both;
}
.webform input[type=checkbox],.webform input[type=radio],
.dontconvert input[type=checkbox],
.dontconvert input[type=radio]{
position: relative;
top: 1px;
box-sizing: border-box;
width: auto;
height: auto;
margin: 0 3px 0 0;
padding: 0;
}
.webform .wf-sp0,
.webform .wf-sp1,
.dontconvert .wf-sp0,
.dontconvert .wf-sp1{
clear: both;
}
.webform .wf-area,
.webform label,
.dontconvert .wf-area,
.dontconvert label{
display: block;
float: left;
margin-bottom: 12px;
}
.webform div.wf-area,
.dontconvert div.wf-area{
margin: 15px 0 5px 0 !important;
}
.webform div.wf-area label,
.dontconvert div.wf-area label{
margin: 0 !important;
}
.webform .wf-area label,
.dontconvert .wf-area label{
margin-bottom: 0;
}
.webform .wf-captcha.wf-sp0,.webform .wf-captcha.wf-sp1,
.dontconvert .wf-captcha.wf-sp0,
.dontconvert .wf-captcha.wf-sp1{
width: 100%;
padding: 0 0;
}
.webform .wf-area.wf-sp0,.webform .wf-area.wf-sp1,
.dontconvert .wf-area.wf-sp0,
.dontconvert .wf-area.wf-sp1{
width: 100%;
padding: 0 0;
}
.webform label span,
.dontconvert label span{
font-weight: 400;
padding: 3px 0;
}
.webform label.wf-sp0,.webform label.wf-sp1,
.dontconvert label.wf-sp0,
.dontconvert label.wf-sp1{
width: 100%;
padding: 0 0;
}
.webform .wf-captcha.wf-sp2,
.webform .wf-area.wf-sp2,
.webform label.wf-sp2,
.dontconvert .wf-captcha.wf-sp2,
.dontconvert .wf-area.wf-sp2,
.dontconvert label.wf-sp2{
display: block;
width: 50%;
padding: 0 0;
}
.webform .wf-captcha.wf-sp0 > span.txt-l,
.webform .wf-area.wf-sp0 > div.txt-l,
.webform label.wf-sp0 > span.txt-l,
.dontconvert .wf-captcha.wf-sp0 > span.txt-l,
.dontconvert .wf-area.wf-sp0 > div.txt-l,
.dontconvert label.wf-sp0 > span.txt-l{
display: inline-block;
float: left;
width: 100%;
}
.webform .wf-captcha.wf-sp1 > div.txt-l,.webform .wf-captcha.wf-sp2 > div.txt-l,
.dontconvert .wf-captcha.wf-sp1 > div.txt-l,
.dontconvert .wf-captcha.wf-sp2 > div.txt-l{
display: block;
width: 100%;
}
.webform .wf-area.wf-sp1 > div.txt-l,.webform .wf-area.wf-sp2 > div.txt-l,
.dontconvert .wf-area.wf-sp1 > div.txt-l,
.dontconvert .wf-area.wf-sp2 > div.txt-l{
display: block;
width: 100%;
}
.webform label.wf-sp1 span.txt-l,.webform label.wf-sp2 span.txt-l,
.dontconvert label.wf-sp1 span.txt-l,
.dontconvert label.wf-sp2 span.txt-l{
display: block;
width: 100%;
}
.webform .wf-sp0 .wf-area-content,
.dontconvert .wf-sp0 .wf-area-content{
display: inline-block;
width: 100%;
}
.webform label.wf-captcha.wf-sp0 .recaptcha,.webform label.wf-char.wf-sp0 input[type=text],.webform label.wf-text.wf-sp0 textarea,
.dontconvert label.wf-captcha.wf-sp0 .recaptcha,
.dontconvert label.wf-char.wf-sp0 input[type=text],
.dontconvert label.wf-text.wf-sp0 textarea{
display: inline-block;
width: 100%;
}
.webform .wf-sp1 .wf-area-content,
.dontconvert .wf-sp1 .wf-area-content{
display: block;
width: 100%;
}
.webform .wf-sp2 .wf-area-content,
.dontconvert .wf-sp2 .wf-area-content{
display: block;
width: 100%;
}
.webform .wf-sp2 .wf-area-content label,
.dontconvert .wf-sp2 .wf-area-content label{
display: block;
width: 100%;
}
.webform label.wf-captcha.wf-sp1 .recaptcha,.webform label.wf-captcha.wf-sp2 .recaptcha,
.dontconvert label.wf-captcha.wf-sp1 .recaptcha,
.dontconvert label.wf-captcha.wf-sp2 .recaptcha{
display: block;
width: 100%;
}
.webform label.wf-captcha.wf-sp1 .recaptcha > div,.webform label.wf-captcha.wf-sp2 .recaptcha > div,
.dontconvert label.wf-captcha.wf-sp1 .recaptcha > div,
.dontconvert label.wf-captcha.wf-sp2 .recaptcha > div{
height: auto !important;
}
.webform label.wf-char.wf-sp1 input[type=text],.webform label.wf-char.wf-sp2 input[type=text],
.dontconvert label.wf-char.wf-sp1 input[type=text],
.dontconvert label.wf-char.wf-sp2 input[type=text]{
display: block;
width: 100%;
}
.webform label.wf-text.wf-sp1 textarea,.webform label.wf-text.wf-sp2 textarea,
.dontconvert label.wf-text.wf-sp1 textarea,
.dontconvert label.wf-text.wf-sp2 textarea{
display: block;
width: 100%;
}
.webform label.wf-captcha.wf-sp1 .recaptcha,
.dontconvert label.wf-captcha.wf-sp1 .recaptcha{
display: block;
width: 100% !important;
}
.webform label.wf-captcha.wf-sp1 .recaptcha > div,
.dontconvert label.wf-captcha.wf-sp1 .recaptcha > div{
display: block;
width: 100% !important;
}
.webform .wf-select.wf-sp0 .selectboxit-container,
.webform .webuserform.wf-sp0 .selectboxit-container,
.dontconvert .wf-select.wf-sp0 .selectboxit-container,
.dontconvert .webuserform.wf-sp0 .selectboxit-container{
width: 100%;
}
.webform .wf-select.wf-sp1 .selectboxit-container,.webform .wf-select.wf-sp2 .selectboxit-container,
.webform .webuserform.wf-sp1 .selectboxit-container,
.webform .webuserform.wf-sp2 .selectboxit-container,
.dontconvert .wf-select.wf-sp1 .selectboxit-container,
.dontconvert .wf-select.wf-sp2 .selectboxit-container,
.dontconvert .webuserform.wf-sp1 .selectboxit-container,
.dontconvert .webuserform.wf-sp2 .selectboxit-container{
width: 100%;
}
.webform .wf-select .selectboxit-container .selectboxit,
.webform .webuserform .selectboxit-container .selectboxit,
.dontconvert .wf-select .selectboxit-container .selectboxit,
.dontconvert .webuserform .selectboxit-container .selectboxit{
line-height: 44px;
width: 100%;
height: 44px;
padding: 0 13px;
border: 1px solid #dcdcdc;
border-radius: 3px;
background: none;
}
.webform .wf-select .selectboxit-container span,
.webform .wf-select .selectboxit-container .selectboxit-options a,
.webform .webuserform .selectboxit-container span,
.webform .webuserform .selectboxit-container .selectboxit-options a,
.dontconvert .wf-select .selectboxit-container span,
.dontconvert .wf-select .selectboxit-container .selectboxit-options a,
.dontconvert .webuserform .selectboxit-container span,
.dontconvert .webuserform .selectboxit-container .selectboxit-options a{
line-height: 24px;
height: 24px;
text-decoration: none;
}
.webform .wf-select .selectboxit-container .selectboxit-text,
.webform .webuserform .selectboxit-container .selectboxit-text,
.dontconvert .wf-select .selectboxit-container .selectboxit-text,
.dontconvert .webuserform .selectboxit-container .selectboxit-text{
line-height: 44px;
height: 44px;
}
.webform .wf-select .selectboxit-container .selectboxit-arrow-container,
.webform .webuserform .selectboxit-container .selectboxit-arrow-container,
.dontconvert .wf-select .selectboxit-container .selectboxit-arrow-container,
.dontconvert .webuserform .selectboxit-container .selectboxit-arrow-container{
line-height: 44px;
height: 44px;
border-left: 1px solid #dcdcdc;
}
.webform .wf-select .selectboxit-list > .selectboxit-focus > a,
.webform .webuserform .selectboxit-list > .selectboxit-focus > a,
.dontconvert .wf-select .selectboxit-list > .selectboxit-focus > a,
.dontconvert .webuserform .selectboxit-list > .selectboxit-focus > a{
color: #fff;
background-color: #a1c854;
background-image: linear-gradient(to bottom,#9abe53,#a1c854);
background-repeat: repeat-x;
}
.webform .wf-select .selectboxit-list > .selectboxit-focus > a:hover,.webform .wf-select .selectboxit-list > .selectboxit-focus > a:focus,
.webform .webuserform .selectboxit-list > .selectboxit-focus > a:hover,
.webform .webuserform .selectboxit-list > .selectboxit-focus > a:focus,
.dontconvert .wf-select .selectboxit-list > .selectboxit-focus > a:hover,
.dontconvert .wf-select .selectboxit-list > .selectboxit-focus > a:focus,
.dontconvert .webuserform .selectboxit-list > .selectboxit-focus > a:hover,
.dontconvert .webuserform .selectboxit-list > .selectboxit-focus > a:focus{
color: #fff;
background-color: #a1c854;
background-image: linear-gradient(to bottom,#9abe53,#a1c854);
background-repeat: repeat-x;
}
.webform .wf-radio .txt-l,
.webform .wf-check .txt-l,
.dontconvert .wf-radio .txt-l,
.dontconvert .wf-check .txt-l{
display: none;
}
.webform .wf-radio .txt-r,
.webform .wf-check .txt-r,
.dontconvert .wf-radio .txt-r,
.dontconvert .wf-check .txt-r{
display: inline;
padding-right: 13px;
}
.webform .wf-sp0 .wf-area-content,
.dontconvert .wf-sp0 .wf-area-content{
float: left;
}
.webform .wf-area.wf-sp1,
.dontconvert .wf-area.wf-sp1{
display: inline-block;
float: left;
}
.webform .wf-radio,
.dontconvert .wf-radio{
display: inline-block;
float: left;
width: auto !important;
}
.webform .secure,
.dontconvert .secure{
display: block;
float: left;
width: 50%;
margin-bottom: 20px;
}
.webform .button,
.dontconvert .button{
display: block;
float: left;
width: auto;
min-width: 160px;
padding-top: 1em;
}
.webform .btn.btn-portalColor,
.dontconvert .btn.btn-portalColor{
font-size: 16px;
font-weight: 300;
font-weight: 400;
line-height: 46px;
line-height: 0.85em;
display: inline-block;
width: 100%;
padding: 0.6em 0.5em;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #fff;
border: 0 none;
border-radius: 3px;
background-color: #00517e;
background-image: none;
}
.webform .btn.btn-portalColor:hover,
.dontconvert .btn.btn-portalColor:hover{
opacity: 0.8;
}
.webform .btn.btn-grey,
.dontconvert .btn.btn-grey{
font-size: 16px;
font-weight: 300;
font-weight: 400;
line-height: 46px;
line-height: 0.85em;
display: inline-block;
width: 100%;
padding: 0.6em 0.5em;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #fff;
border: 0 none;
border-radius: 3px;
background-color: #ababab;
background-image: none;
}
.webform .btn.btn-grey:hover,
.dontconvert .btn.btn-grey:hover{
opacity: 0.8;
}
.webform .wf-sp2.wf00,.webform .wf-sp2.wf02,.webform .wf-sp2.wf04,.webform .wf-sp2.wf06 .webform .wf-sp2.wf08,.webform .wf-sp2.wf10,.webform .wf-sp2.wf12,.webform .wf-sp2.wf14,.webform .wf-sp2.wf16,.webform .wf-sp2.wf18,.webform .wf-sp2.wf20,.webform .wf-sp2.wf22,
.dontconvert .wf-sp2.wf00,
.dontconvert .wf-sp2.wf02,
.dontconvert .wf-sp2.wf04,
.dontconvert .wf-sp2.wf06 .webform .wf-sp2.wf08,
.dontconvert .wf-sp2.wf10,
.dontconvert .wf-sp2.wf12,
.dontconvert .wf-sp2.wf14,
.dontconvert .wf-sp2.wf16,
.dontconvert .wf-sp2.wf18,
.dontconvert .wf-sp2.wf20,
.dontconvert .wf-sp2.wf22{
clear: both;
padding-right: 1%;
}
.webform .wf-sp2.wf01,.webform .wf-sp2.wf03,.webform .wf-sp2.wf05,.webform .wf-sp2.wf07,.webform .wf-sp2.wf09,.webform .wf-sp2.wf11,.webform .wf-sp2.wf13,.webform .wf-sp2.wf15,.webform .wf-sp2.wf17,.webform .wf-sp2.wf19,.webform .wf-sp2.wf21,.webform .wf-sp2.wf23,
.dontconvert .wf-sp2.wf01,
.dontconvert .wf-sp2.wf03,
.dontconvert .wf-sp2.wf05,
.dontconvert .wf-sp2.wf07,
.dontconvert .wf-sp2.wf09,
.dontconvert .wf-sp2.wf11,
.dontconvert .wf-sp2.wf13,
.dontconvert .wf-sp2.wf15,
.dontconvert .wf-sp2.wf17,
.dontconvert .wf-sp2.wf19,
.dontconvert .wf-sp2.wf21,
.dontconvert .wf-sp2.wf23{
padding-left: 1%;
}
.webform .txt-l.wf-hidden,
.dontconvert .txt-l.wf-hidden{
display: none !important;
}
.webform .wf-area-content .wf-radio,
.webform .wf-area-content .wf-check,
.dontconvert .wf-area-content .wf-radio,
.dontconvert .wf-area-content .wf-check{
padding-right: 30px;
}
.btn.btn-portalColor{
font-size: 16px;
font-weight: 300;
font-weight: 400;
line-height: 46px;
line-height: 0.85em;
display: inline-block;
width: 100%;
padding: 0.6em 0.5em;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #fff;
border: 0 none;
border-radius: 3px;
background-color: #00517e;
background-image: none;
}
.btn.btn-portalColor:hover{
opacity: 0.8;
}
.btn.btn-grey{
font-size: 16px;
font-weight: 300;
font-weight: 400;
line-height: 46px;
line-height: 0.85em;
display: inline-block;
width: 100%;
padding: 0.6em 0.5em;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #fff;
border: 0 none;
border-radius: 3px;
background-color: #ababab;
background-image: none;
}
.btn.btn-grey:hover{
opacity: 0.8;
}



@media (max-width: 767px){
.webform input,
.dontconvert input{
margin-top: 0 !important;
}
.webform .wf-sp2,
.dontconvert .wf-sp2{
float: none !important;
width: 100% !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.webform .button,
.dontconvert .button{
width: 100%;
margin-top: 1.5em;
text-align: left;
}
}
.wf-select .SumoSelect > .CaptionCont,
.webuserform .SumoSelect > .CaptionCont{
border: 1px solid #dcdcdc !important;
}
.wf-select .SumoSelect > .CaptionCont > span,
.webuserform .SumoSelect > .CaptionCont > span{
line-height: 25px;
}
.wf-select .SumoSelect .CaptionCont > label,
.webuserform .SumoSelect .CaptionCont > label{
margin: 5px 0 5px 0 !important;
}
.wf-select .SumoSelect .CaptionCont > label > i::before,
.webuserform .SumoSelect .CaptionCont > label > i::before{
top: 0 !important;
}
.wf-select .SumoSelect > .optWrapper > .options > li::before,
.webuserform .SumoSelect > .optWrapper > .options > li::before{
content: " ";
}
.wf-select .SumoSelect .optWrapper > .options li label,
.webuserform .SumoSelect .optWrapper > .options li label{
margin: 5px 0 5px 0 !important;
}
.webuserform .SumoSelect > .CaptionCont > span{
line-height: 25px;
padding: 3px 0;
}

[data-symbol]{
font-size: 0;
display: block;
width: 3rem;
height: 100%;
color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: 3rem 3rem;
}
[data-symbol=a]{
background-image:  url("/src_project/img/wetter/a.svg");
}
[data-symbol=b]{
background-image:  url("/src_project/img/wetter/b.svg");
}
[data-symbol=c]{
background-image:  url("/src_project/img/wetter/c.svg");
}
[data-symbol=d]{
background-image:  url("/src_project/img/wetter/d.svg");
}
[data-symbol=e]{
background-image:  url("/src_project/img/wetter/e.svg");
}
[data-symbol=f]{
background-image:  url("/src_project/img/wetter/f.svg");
}
[data-symbol=g]{
background-image:  url("/src_project/img/wetter/g.svg");
}
[data-symbol=h]{
background-image:  url("/src_project/img/wetter/h.svg");
}
[data-symbol=i]{
background-image:  url("/src_project/img/wetter/i.svg");
}
[data-symbol=j]{
background-image:  url("/src_project/img/wetter/j.svg");
}
[data-symbol=k]{
background-image:  url("/src_project/img/wetter/k.svg");
}
[data-symbol=l]{
background-image:  url("/src_project/img/wetter/l.svg");
}
[data-symbol=m]{
background-image:  url("/src_project/img/wetter/m.svg");
}
[data-symbol=n]{
background-image:  url("/src_project/img/wetter/n.svg");
}
[data-symbol=o]{
background-image:  url("/src_project/img/wetter/o.svg");
}
[data-symbol=p]{
background-image:  url("/src_project/img/wetter/p.svg");
}
[data-symbol=q]{
background-image:  url("/src_project/img/wetter/q.svg");
}
[data-symbol=r]{
background-image:  url("/src_project/img/wetter/r.svg");
}
[data-symbol=s]{
background-image:  url("/src_project/img/wetter/s.svg");
}
[data-symbol=t]{
background-image:  url("/src_project/img/wetter/t.svg");
}
[data-symbol=u]{
background-image:  url("/src_project/img/wetter/u.svg");
}
[data-symbol=v]{
background-image:  url("/src_project/img/wetter/v.svg");
}
[data-symbol=w]{
background-image:  url("/src_project/img/wetter/w.svg");
}
[data-symbol=x]{
background-image:  url("/src_project/img/wetter/x.svg");
}
[data-symbol=y]{
background-image:  url("/src_project/img/wetter/y.svg");
}
[data-symbol=z]{
background-image:  url("/src_project/img/wetter/z.svg");
}
.wetter{
padding: 2rem;
color: black;
background-color: #f4f4f4;
}
.wetter header{
display: table;
width: 100%;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.wetter header h2{
font-size: 2.2rem;
font-weight: 700;
float: left;
float: none;
vertical-align: bottom;
}
.wetter header small{
line-height: 1.6rem;
display: block !important;
float: left;
clear: all;
width: 100%;
}
.wetter header .moreweather{
font-size: 1.2rem;
line-height: 1em;
float: left;
width: 50%;
text-align: right;
text-align: right;
vertical-align: top;
white-space: nowrap;
color: #00517e;
}
.wetter header address a,
.wetter header a{
font-size: 1.6rem;
font-weight: 500;
line-height: 1em;
display: block;
color: #00517e;
}
.wetter i{
display: block;
width: 100%;
height: 3rem;
}
.wetter ul{
font-size: 1.2rem;
margin: 0;
}
.wetter > header address{
font-size: 1.2rem;
display: table-cell;
text-align: right;
vertical-align: bottom;
white-space: nowrap;
}
.wetter > header address a{
font-size: 1.6rem;
font-weight: 500;
line-height: 1em;
display: block;
color: #00517e;
}
.wetter .tempmin{
border-top: 1px solid #ababab;
}
.wetter a{
color: currentcolor;
}
.wetter--horizontal ul{
display: table;
width: 100%;
margin-top: 2em;
}
.wetter--horizontal ul > li{
display: table-cell;
width: 25%;
text-align: center;
}
.wetter--horizontal div,
.wetter--horizontal i{
display: block;
margin-top: 0;
padding-top: 0;
}
.wetter--vertical{
padding-bottom: 0;
}
.wetter--vertical a{
display: table;
width: 100%;
}
.wetter--vertical a > *{
display: table-cell;
vertical-align: middle;
}
.wetter--vertical a > i{
width: 20%;
padding-left: 2rem;
text-align: center;
}
.wetter--vertical a > div:last-of-type{
font-size: 1.4rem;
width: 70%;
padding-right: 2rem;
padding-left: 2em;
}
.wetter--vertical ul{
margin: 1rem -2rem 0;
border-bottom: 1px solid #dcdcdc;
}
.wetter--vertical li{
margin: 0;
padding: 0.5em 0;
border-top: 1px solid #dcdcdc;
}
.wetter--vertical .temp{
width: 10%;
text-align: center;
}
.channel.wetter{
display: block;
float: left;
width: 100%;
margin-bottom: 15px;
padding: 10px;
background: #fff;
box-shadow: 0 1px 2px #ccc;
border-radius: 2px;
}
.channel.wetter > ul{
position: relative;
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
list-style: none outside none;
background-color: #f6f6f6;
border-radius: 1px;
}
.channel.wetter h6{
font-size: 21px;
line-height: 22px;
margin: 4px 0 5px;
}
.channel.wetter h6 span{
font-size: 11px;
font-weight: normal;
line-height: 14px;
margin-left: 7px;
}
.nsow{
float: left;
width: 25%;
padding: 5px 0;
}
.nsow.border{
border-right: 2px solid #fff;
}
.tempmax,
.tempmin{
font-size: 12px;
}
.channel-bottom.wetter-bottom{
font-size: 10px;
}
.channel-bottom.wetter-bottom > a{
float: right;
}
.wetter-bottom a{
padding: 0 13px 0 0;
color: #00517e;
background-image: url(/src_project/sites/wav_karpfen/css/3/"$images/marker-mehr.png.png");
background-repeat: no-repeat;
background-position: 100% 50%;
}
@media all and (min-device-pixel-ratio: 1.5){
.wetter-bottom a{
background-image: url(/src_project/sites/wav_karpfen/css/3/"$images/marker-mehr.png@2x.png");
background-size: 10px 10px;
}
}
.tempnsow{
text-align: center;
}
.hoverlay{
position: absolute;
display: block;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
background-color: white;
filter: alpha(opacity=0);
}
.nsowli:hover .hoverlay,
li.ortswetter:hover .hoverlay{
display: block;
opacity: 0.7;
filter: alpha(opacity=70);
}
.wetter--horizontal i,.wetter--horizontal div{
display: block;
margin-top: 0;
padding-top: 0;
}
.wetterdata{
float: left;
width: 100%;
padding: 1.5em 1em 0.5em 1em !important;
color: #000000;
background-color: #ffffff;
}
.wetterdata > header{
display: table;
width: 100%;
padding-top: 0;
padding-bottom: 0;
border-bottom: none;
}
.wetterdata > header > h2{
font-size: 1.8rem;
font-weight: 500;
float: left;
vertical-align: bottom;
}
.wetterdata > header .moreweather{
font-size: 1.3rem;
line-height: 1em;
float: left;
width: 50%;
padding: 5px 0;
text-align: right;
text-align: right;
vertical-align: top;
white-space: nowrap;
color: #00517e !important;
}
.wetterdata > header .moreweather::before{
font-family: "lko";
font-size: 1rem;
position: relative;
top: 0rem;
left: -3px;
content: "J";
vertical-align: top;
color: #00517e;
}
.wetterdata > header small{
line-height: 1.6rem;
display: block;
float: left;
clear: both;
width: 100%;
color: #606060;
}
.wetterdata address{
font-size: 0.8em;
line-height: 1.6rem;
display: block;
float: left;
clear: both;
width: 100%;
margin-bottom: 0;
padding-top: 1.5em;
color: #606060;
}
.wetterdata i{
display: block;
width: 100%;
height: 3rem;
}
.wetterdata ul{
font-size: 1.2rem;
margin: 0;
padding: 0;
}
.wetterdata .tempmin{
border-top: 1px solid #ababab;
}
.wetterdata a{
color: currentcolor;
}
.wetter--horizontal ul{
display: table;
width: 100%;
margin-top: 2em;
}
.wetter--horizontal ul > li{
display: table-cell;
width: 25%;
text-align: center;
}
.wetter--vertical{
padding-bottom: 0;
}
.wetter--vertical a{
display: table;
width: 100%;
}
.wetter--vertical a > *{
display: table-cell;
vertical-align: middle;
}
.wetter--vertical a > i{
width: 20%;
padding-left: 2rem;
text-align: center;
}
.wetter--vertical a > div:last-of-type{
font-size: 1.4rem;
width: 70%;
padding-right: 2rem;
padding-left: 2em;
}
.wetter--vertical ul{
margin: 1rem -2rem 0;
border-bottom: 1px solid #dcdcdc;
}
.wetter--vertical li{
margin: 0;
padding: 0.5em 0;
border-top: 1px solid #dcdcdc;
}
.wetter--vertical .temp{
width: 10%;
text-align: center;
}
.nsow{
float: left;
width: 25%;
padding: 5px 0;
}
.nsow.border{
border-right: 2px solid #ffffff;
}
.tempmax{
font-size: 12px;
padding-bottom: 3px;
}
.tempmin{
font-size: 12px;
padding-top: 3px !important;
}
@media all and (min-device-pixel-ratio: 1.5){
.wetter-bottom a{
background-image:  url(/src_project/img//marker-mehr.png);
background-size: 10px 10px;
}
}
.tempnsow{
text-align: center;
}
.hoverlay{
position: absolute;
display: block;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
background-color: #ffffff;
filter: alpha(opacity=0);
}
.wetter-footer{
display: block;
float: left;
width: 100%;
padding: 5px 0;
text-align: right;
border-bottom: 1px dashed #eee;
}
.wetter-footer img{
position: relative;
top: 6px;
padding-left: 10px;
}
.wetter-footer span{
float: right;
padding-top: 14px;
}
.wetter-footer a{
float: right;
}
@media (min-width: 768px) and (max-width: 979px){
#legende .wind{
margin-right: 25px;
}
}
@media (max-width: 767px){
#wetter-start-mobile .ortswetter.border{
display: table;
float: none;
clear: both;
width: 100%;
margin-bottom: 5px;
padding-bottom: 5px;
border-spacing: 5px;
border-bottom: 2px solid #ffffff;
}
#wetter-start-mobile .ortswetter .temp{
display: table-cell;
width: 40px;
vertical-align: middle;
}
#wetter-start-mobile .ortswetter .temp .tempmax{
font-weight: bold;
margin: 0 5px;
text-align: center;
color: #00517e;
}
#wetter-start-mobile .ortswetter .temp .tempmin{
font-weight: bold;
margin: 0 5px;
text-align: center;
color: #00517e;
}
#wetter-start-mobile .ortswetter table{
display: table-cell;
width: 65%;
vertical-align: middle;
}
#wetter-start-mobile > ul{
display: inline-block;
width: 100%;
margin: 0;
margin-bottom: 15px;
padding: 0;
list-style: none outside none;
background-color: #f6f6f6;
}
#wetter-info-mobile{
position: relative;
float: left;
width: 100%;
padding: 0 5px;
background: #f6f6f6;
}
#wetter-info-mobile .title{
font-size: 20px;
font-weight: bold;
margin: 15px 0 5px;
color: #00517e;
}
#wetter-mobile-basic{
width: 35%;
margin-right: 5%;
}
#wetter-mobile-basic .wetter-mobile-row div{
float: left;
width: 33%;
height: 40px;
text-align: center;
}
#wetter-mobile-basic .wetter-mobile-row .dayname{
text-align: left;
}
#wetter-mobile-basic .wetter-mobile-desc{
height: 60px;
}
#wetter-mobile-basic .wetter-mobile-desc div{
float: left;
width: 33%;
height: 40px;
text-align: center;
}
#wetter-mobile-basic .wetter-mobile-desc .desc-dayname{
text-align: left;
}
#wetter-mobile-basic .wetter-mobile-desc > div{
display: none;
}
#wetter-mobile-carousel{
float: left;
width: 60%;
}
#wetter-mobile-carousel .tempmax{
border-bottom: none;
}
#wetter-mobile-carousel .wetter-mobile-desc div{
float: left;
width: 50%;
height: 40px;
text-align: center;
}
#wetter-mobile-carousel .wetter-mobile-desc .desc-niederschlagsh{
line-height: 20px;
float: left;
clear: both;
width: 100%;
height: 20px;
}
#wetter-mobile-carousel .wetter-mobile-desc .desc-head{
line-height: 20px;
float: left;
clear: both;
width: 100%;
height: 20px;
}
#wetter-mobile-carousel .wetter-mobile-desc .desc-niederschlagsi .einh{
font-size: 11px;
display: block;
margin-top: 2px;
}
#wetter-mobile-carousel .wetter-mobile-desc .desc-niederschlagsw .einh{
font-size: 11px;
display: block;
margin-top: 2px;
}
#wetter-mobile-carousel .wetter-mobile-row div{
float: left;
width: 50%;
height: 40px;
text-align: center;
}
#wetter-carousel-control{
position: absolute;
right: 0;
clear: both;
width: 60%;
height: 90%;
}
#wetter-carousel-control a{
font-size: 90px;
line-height: 353px;
top: 0;
width: 50%;
height: 100%;
margin-top: 0;
text-decoration: none;
opacity: 16;
color: #00517e;
border: medium none;
background: none repeat scroll 0 0 transparent;
filter: alpha(opacity=1600);
}
#wetter-carousel-control a:hover{
opacity: 40;
filter: alpha(opacity=4000);
}
#wetter-carousel-control .carousel-control.left{
left: 0;
text-align: left;
}
#wetter-carousel-control .carousel-control.right{
right: 0;
left: auto;
text-align: right;
}
.wetter-mobile-row{
clear: both;
height: 40px;
margin-bottom: 7px;
border-bottom: 1px dashed #c2c2c2;
}
.wetter-mobile-desc div{
font-weight: bold;
height: 30px;
}
}
.wettericon-container{
position: absolute;
width: 43px;
height: 67px;
padding: 0 3px;
border: medium none;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAkCAYAAAAQC8MVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUWMPt2L0OgjAUhmF+lIUEy8Rkgjfh4OrNeDnGxcRr4TJ0d4WElYQEqP3qKSFsTj0xh+Tt/NB0+oLg+4WmyLShtgxyloh8MzRumubY9/11mqan1vrtOzjggQs+B4Y86bruxgG5Di74yGmvOh3H8cURCxd85LRHxhHqgs9h8ZgVc6wipz1y5thcsIIVrGAFK9g/xAaXk/aVPAPBClawghWsYAX7C1Yxn4/mkcPOR23b3jli4VrOR3aYq6rqXNf1YxgGFjcMBzxwLYe5iCbFnakw7U2l6eCxkhwFuebJM6SxNqE/yOiN5B5T5EjJFa/Xb/Yz/QfwvZYvL8DVlgAAAABJRU5ErkJggg==") no-repeat scroll 0 33px transparent;
}
.channel.wetter{
display: block;
float: left;
width: 100%;
margin-bottom: 15px;
padding: 10px;
background: #ffffff;
box-shadow: 0 1px 2px #ccc;
border-radius: 2px;
}
.channel.wetter > ul{
position: relative;
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
list-style: none outside none;
background-color: #f6f6f6;
border-radius: 1px;
}
.channel.wetter h6{
font-size: 21px;
line-height: 22px;
margin: 4px 0 5px;
}
.channel.wetter h6 span{
font-size: 11px;
font-weight: normal;
line-height: 14px;
margin-left: 7px;
}
.lt-ie9 .channel.wetter{
border-width: 1px;
border-style: solid;
border-color: #c2c2c2;
}
.channel-bottom.wetter-bottom{
font-size: 10px;
}
.channel-bottom.wetter-bottom > a{
float: right;
}
.wetter-bottom a{
padding: 0 13px 0 0;
color: #00517e;
background-image: url(/src_project/sites/wav_karpfen/css/3/"images/marker-mehr.png");
background-repeat: no-repeat;
background-position: 100% 50%;
}
.nsowli:hover .hoverlay{
display: block;
opacity: 0.7;
filter: alpha(opacity=70);
}
li.ortswetter:hover .hoverlay{
display: block;
opacity: 0.7;
filter: alpha(opacity=70);
}
.displaytable{
display: table;
}
.tablecell{
display: table-cell;
padding-bottom: 6px;
vertical-align: middle;
}
.masonry-articles .list-downloads{
margin: 15px;
padding: 15px 20px 25px 20px;
border: 1px solid #dcdcdc;
border-radius: 2px;
}
.masonry-articles li{
width: calc(33.3333% - 30px);
padding-top: 1rem;
padding-bottom: 2rem;
}
.masonry-articles .container-links{
clear: both;
}
.masonry-articles .container-links a{
text-decoration: underline;
color: #007e46;
}
.masonry-articles .list-downloads .tablecell-right a{
height: auto;
padding-left: 1.8em;
color: #007e46;
}
.masonry-articles .list-downloads .tablecell-right a.post{
padding-left: 0 !important;
}
.masonry-articles .list-downloads .tablecell-right a.post .icon-email{
position: relative;
top: 2px;
}
.masonry-articles .list-downloads .tablecell-right a.post::before{
font-size: inherit;
}
.masonry-articles .list-downloads .tablecell-right a > i{
font-size: 1.2em;
}
.masonry-articles .list-downloads .tablecell-right a::before{
font-size: 23px;
}
.masonry-articles .list-downloads .tablecell-left{
height: 180px;
}
.masonry-articles .list-downloads .tablecell-left img{
max-width: 110px;
max-height: 162px;
}
.masonry-articles .list-downloads h3{
height: auto;
margin-top: 0.7em;
margin-bottom: 0;
}
.masonry-articles .list-downloads p a{
padding-left: 0 !important;
color: #007e46;
}
.masonry-articles .list-downloads p a::after{
font-family: "lko" !important;
font-size: 0.5em;
margin-left: 0.75em;
content: "l";
color: #007e46;
}
.masonry-articles h3{
color: #000;
}
@media (max-width: 991px){
.masonry-articles .displaytable{
display: block;
clear: both;
}
.masonry-articles .tablecell{
display: block;
clear: both;
}
.masonry-articles h3{
padding-top: 6px;
}
.masonry-articles > li{
width: calc(50% - 30px);
}
}
@media (max-width: 480px){
.masonry-articles > li{
width: calc(100% - 30px);
}
}
.masonry .re{
float: left;
padding-right: 1rem;
}
.caption-italic{
font-size: 12px;
font-style: italic;
line-height: 12px;
position: relative;
clear: both;
width: 100%;
min-height: 12px;
padding: 6px 2px 6px 0;
text-align: right;
color: #000;
background: #fff;
}
.table{
margin-bottom: 0;
}
.table table th,
.table table td{
padding: 8px !important;
vertical-align: middle !important;
border-top: 1px solid #dcdcdc !important;
}
.table-id1,
.table-id2,
.table-id3,
.table-id4,
.table-id5,
.table-id6,
.table-id7,
.table-id8,
.table-id9,
.table-id10,
.table-id11,
.table-id12{
border-bottom: 1px solid #dcdcdc;
}
.table-id1.content-table .cell-alt-header,
.table-id1.content-table .cell-alt-header-firstcol,
.table-id1.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id11.content-table .cell-alt-header,
.table-id11.content-table .cell-alt-header-firstcol,
.table-id11.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #ffffff !important;
background: #00517e;
}
.table-id3.content-table .cell-alt-header,
.table-id3.content-table .cell-alt-header-firstcol,
.table-id3.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #ffffff !important;
background: #00517e;
}
.table-id4.content-table .cell-alt-header,
.table-id4.content-table .cell-alt-header-firstcol,
.table-id4.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #ffffff !important;
background: #00517e;
}
.table-id5.content-table .cell-alt-header,
.table-id5.content-table .cell-alt-header-firstcol,
.table-id5.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #ffffff !important;
background: #00517e;
}
.table-id6.content-table .cell-alt-header,
.table-id6.content-table .cell-alt-header-firstcol,
.table-id6.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #ffffff !important;
background: #00517e;
}
.table-id7.content-table .cell-alt-header,
.table-id7.content-table .cell-alt-header-firstcol,
.table-id7.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #ffffff !important;
background: #00517e;
}
.table-id9.content-table .cell-alt-header,
.table-id9.content-table .cell-alt-header-firstcol,
.table-id9.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #ffffff !important;
background: #00517e;
}
.table-id2.content-table .cell-alt-firstcol,
.table-id2.content-table .cell-alt-footer-firstcol,
.table-id2.content-table .cell-alt-header-firstcol,
.table-id2.content-table .cell-firstcol,
.table-id2.content-table .cell-footer-firstcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id3.content-table .cell-alt-firstcol,
.table-id3.content-table .cell-alt-footer-firstcol,
.table-id3.content-table .cell-firstcol,
.table-id3.content-table .cell-footer-firstcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id4.content-table .cell-alt-firstcol,
.table-id4.content-table .cell-alt-footer,
.table-id4.content-table .cell-alt-footer-firstcol,
.table-id4.content-table .cell-alt-footer-lastcol,
.table-id4.content-table .cell-firstcol,
.table-id4.content-table .cell-footer,
.table-id4.content-table .cell-footer-firstcol,
.table-id4.content-table .cell-footer-lastcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id5.content-table .cell-alt-footer,
.table-id5.content-table .cell-alt-footer-firstcol,
.table-id5.content-table .cell-alt-footer-lastcol,
.table-id5.content-table .cell-footer,
.table-id5.content-table .cell-footer-firstcol,
.table-id5.content-table .cell-footer-lastcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id6.content-table .cell-alt-firstcol,
.table-id6.content-table .cell-alt-footer,
.table-id6.content-table .cell-alt-footer-firstcol,
.table-id6.content-table .cell-alt-footer-lastcol,
.table-id6.content-table .cell-alt-lastcol,
.table-id6.content-table .cell-firstcol,
.table-id6.content-table .cell-footer,
.table-id6.content-table .cell-footer-firstcol,
.table-id6.content-table .cell-footer-lastcol,
.table-id6.content-table .cell-lastcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id7.content-table .cell-alt,
.table-id7.content-table .cell-alt-firstcol,
.table-id7.content-table .cell-alt-footer,
.table-id7.content-table .cell-alt-footer-firstcol,
.table-id7.content-table .cell-alt-footer-lastcol,
.table-id7.content-table .cell-alt-lastcol{
background-color: #fbfbfb;
}
.table-id8.content-table .cell-alt-firstcol,
.table-id8.content-table .cell-alt-footer-firstcol,
.table-id8.content-table .cell-alt-header-firstcol,
.table-id8.content-table .cell-firstcol,
.table-id8.content-table .cell-footer-firstcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id8.content-table .cell-alt,
.table-id8.content-table .cell-alt-footer,
.table-id8.content-table .cell-alt-footer-lastcol,
.table-id8.content-table .cell-alt-header,
.table-id8.content-table .cell-alt-header-lastcol,
.table-id8.content-table .cell-alt-lastcol{
background-color: #fbfbfb;
}
.table-id9.content-table .cell-alt-firstcol,
.table-id9.content-table .cell-alt-footer-firstcol,
.table-id9.content-table .cell-firstcol,
.table-id9.content-table .cell-footer-firstcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id9.content-table .cell-alt,
.table-id9.content-table .cell-alt-footer,
.table-id9.content-table .cell-alt-footer-lastcol,
.table-id9.content-table .cell-alt-lastcol{
background-color: #fbfbfb;
}
.table-id10.content-table .cell-alt-firstcol,
.table-id10.content-table .cell-alt-footer,
.table-id10.content-table .cell-alt-footer-firstcol,
.table-id10.content-table .cell-alt-footer-lastcol,
.table-id10.content-table .cell-alt-header,
.table-id10.content-table .cell-alt-header-firstcol,
.table-id10.content-table .cell-alt-header-lastcol,
.table-id10.content-table .cell-firstcol,
.table-id10.content-table .cell-footer,
.table-id10.content-table .cell-footer-firstcol,
.table-id10.content-table .cell-footer-lastcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id10.content-table .cell-alt,
.table-id10.content-table .cell-alt-lastcol{
background-color: #fbfbfb;
}
.table-id11.content-table .cell-alt-footer,
.table-id11.content-table .cell-alt-footer-firstcol,
.table-id11.content-table .cell-alt-footer-lastcol,
.table-id11.content-table .cell-footer,
.table-id11.content-table .cell-footer-firstcol,
.table-id11.content-table .cell-footer-lastcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id11.content-table .cell-alt,
.table-id11.content-table .cell-alt-firstcol,
.table-id11.content-table .cell-alt-lastcol{
background-color: #fbfbfb;
}
.table-id12.content-table .cell-alt-firstcol,
.table-id12.content-table .cell-alt-footer,
.table-id12.content-table .cell-alt-footer-firstcol,
.table-id12.content-table .cell-alt-footer-lastcol,
.table-id12.content-table .cell-alt-header,
.table-id12.content-table .cell-alt-header-firstcol,
.table-id12.content-table .cell-alt-header-lastcol,
.table-id12.content-table .cell-alt-lastcol,
.table-id12.content-table .cell-firstcol,
.table-id12.content-table .cell-footer,
.table-id12.content-table .cell-footer-firstcol,
.table-id12.content-table .cell-footer-lastcol,
.table-id12.content-table .cell-lastcol{
font-weight: 500;
color: #ffffff !important;
background-color: #00517e;
}
.table-id12.content-table .cell-alt{
background-color: #fbfbfb;
}
.box-menu svg{
width: 20px;
height: 20px;
fill: #959595;
}
.kalendar-svg{
width: 50px;
height: 50px;
fill: #828181;
}
.open-search-bt svg{
width: 20px;
height: 20px;
margin-top: 5px;
margin-left: 5px;
}
@media print{
*{
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
a[href]:after{
content: none !important;
}
body{
padding-top: 0 !important;
color: #000;
background: #fff;
-webkit-print-color-adjust: exact;
}
@page{
margin: 15mm 20mm 20mm 20mm;
size: 210mm 297mm;
}
body,
article,
aside,
main,
.container,
.col-md-8,
.row{
position: static;
width: 100%;
margin: 0;
padding: 0;
}
img{
display: block;
}
aside{
display: block !important;
float: none !important;
width: 100% !important;
}
aside img{
display: block !important;
}
.kurse-accordion{
padding-top: 60px;
}
img,
table,
figure,
#accordion-text .collapse,
.box-contact,
.personal-info,
.events .event-month .details-list,
.public > li{
page-break-inside: avoid;
}
.kurse-list,
.newsletter-list{
page-break-inside: auto;
}
.kurse-list li,
.newsletter-list li{
page-break-inside: avoid;
}
header,
.logo,
.affix{
position: static !important;
}
header{
padding-bottom: 10px;
border-top: 0;
border-bottom: 2px solid #00517e;
}
main header,
aside header{
border-bottom: 0;
}
footer,
.main-footer--fullwidth,
.search-bar,
#myCarousel,
.kurse-carousel,
.footer-article,
.fixed-height,
.cont-service-menu,
#template-footer,
.breadcrumb,
.article-box,
.box-menu,
.aktuelle-box,
.releted-articles,
.adv-box,
.my-merkliste,
aside .article-box,
.category-buttons,
.sortieren,
.category-buttons,
.navigation-result,
aside iframe,
.toggle-menu,
.reiter,
.fotogalerie-carousel,
.page-navigation,
#noe-karte,
.svg-version,
.toplinks,
.termine-filter,
.content-tabs,
.recipe-slider,
.quick-links,
.open-info,
.search-close,
.hamburger-close,
.header__actions,
aside .box--filter,
aside .box--white,
nav.nav-page{
display: none;
}
.internal-menu,
main .article-box,
aside,
#accordion-text .collapse,
.kurse-accordion{
display: block !important;
}
.category-buttons{
display: none !important;
}
.affix .navbar-default{
box-shadow: 0 0 0 #fff !important;
}
main img{
display: block !important;
max-width: 400px;
}
.map-kurse > img{
width: 100% !important;
page-break-inside: always;
}
#lightbox .sidebar-wrapper,
#lightbox .asset-wrapper,
#lightbox .thumbs-wrapper{
position: relative;
float: none;
width: 100%;
height: auto;
text-align: center;
}
#lightbox .modalbox{
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
}
#lightbox .modalbox .nav-controls a{
display: none !important;
}
#lightbox.modalbox .nav-controls{
display: none !important;
}
.modalbox .sidebar{
position: relative;
padding: 2%;
}
.modalbox .caption{
font-size: 1.3em;
line-height: 1.3em;
}
.modalbox .asset-links ul{
display: none;
margin: 15px 0;
padding: 0;
}
.modalbox .asset-links li{
float: none !important;
margin: 0;
padding: 0;
}
.modalbox .asset-desc{
height: auto;
}
.modalbox .asset img{
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.jbox-overlay-container{
right: auto !important;
left: 0.5% !important;
width: 97% !important;
margin-right: auto !important;
margin-left: auto !important;
}
.jbox-overlay-wrapper{
right: 0 !important;
left: 0 !important;
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
}
.fotoservice li,
.toglink.link li{
width: 48%;
min-height: 1px;
margin-right: 0;
margin-bottom: 2em;
margin-left: 0;
padding-right: 1%;
padding-left: 1%;
}
.visible-md-lg img{
display: none !important;
}
.footer-logos{
padding: 1em 0;
}
.event-month .details-list figure a .visible-md,
.event-month .details-list figure a .visible-lg,
.event-month .details-list figure a .visible-md-lg,
.event-month .details-list figure a .visible-sm-xs{
display: none !important;
}
.event-month .details-list figure a .visible-md img,
.event-month .details-list figure a .visible-lg img,
.event-month .details-list figure a .visible-md-lg img,
.event-month .details-list figure a .visible-sm-xs img{
display: none !important;
}
.event-month .details-list{
background-color: #fff;
}
.event-month .details-list .details{
width: 100%;
}
figure .visible-md,
figure .visible-md-sm-lg,
figure .visible-lg,
figure .visible-md-lg,
figure .visible-sm-xs{
display: none !important;
}
figure .visible-md img,
figure .visible-md-sm-lg img,
figure .visible-lg img,
figure .visible-md-lg img,
figure .visible-sm-xs img{
display: none !important;
}
.events .details{
padding: 2em 1em !important;
}
figure .visible-md-sm-lg-xs{
display: none;
}
.fotoservice.fotoservice--small picture a{
max-height: 200px;
}
.fotoservice li{
overflow: hidden;
}
.mobile-kart-box{
position: static;
}
.recipe-detail .only-so-big{
overflow: visible;
height: 100%;
min-height: 10px !important;
max-height: 1800px !important;
margin-top: 1em;
transition: max-height 0.55s;
}
.gradient{
display: none !important;
}
.fullimage .only-so-big{
width: 100% !important;
text-align: left;
}
.read-more-alt,
button.read-more{
display: none;
}
.recipe-detail .cont-recipe-open,
.recipe-detail .box-grey{
width: 100%;
min-width: auto;
}
.recipe.fotoservice.fotoservice--small li figure{
min-height: 178px !important;
max-height: 178px !important;
}
svg{
display: none !important;
}
.public .dwn-online li{
padding: 3px 0 4px 0;
}
.slider-cont .carousel .carousel-caption{
bottom: 10px;
left: 60px;
}
.slider-cont .carousel .carousel-caption h2{
font-size: 22px;
}
.slider-cont .carousel .carousel-caption p{
margin-bottom: 0;
}
.print-image{
display: block !important;
}
.print-image img{
display: block !important;
}
.mediabox.img-slide .carousel-inner > .item .visible-md{
display: block !important;
}
.mediabox.img-slide .carousel-inner > .item .visible-md img{
display: block !important;
}
.fullimage figcaption{
text-align: left;
}
.public li:nth-of-type(3n+1){
clear: none;
}
.public > li{
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
.footer-logos .col-xs-6{
width: 25% !important;
text-align: center;
}
.toglink.link li{
min-height: 305px;
}
.shop.grid02 .col-xs-12{
width: 50% !important;
}
.modal-carousel .modal-body{
opacity: 1;
background-color: #fff;
filter: alpha(opacity=100);
}
.events .event-month .details-list{
background-color: #fff;
}
.events .event-month .details-list .details{
float: left;
width: 100%;
padding: 1em 0 !important;
background-color: #fff;
}
.events .event-month .details-list .details > div{
padding: 1px 0;
}
.events .event-month .details-list .details .col-sm-4{
width: 100%;
padding: 5px 0;
}
.events .event-month .details-list figure{
display: block;
overflow: hidden;
max-width: 100px;
max-height: 100px;
}
.events .event-month .details-list figure img{
max-width: 100px;
max-height: 300px;
}
.events .event-month .details-list .ev-title{
width: calc(100% - 100px);
height: auto;
min-height: auto;
}
.events .event-month .details-list .ev-title h2 .more{
display: none;
}
.events .event-month .details-list .open-detail{
display: none;
}
.events .event-month .details-list .details .date span,
.events .event-month .details-list .details .place span,
.events .event-month .details-list .details .price span{
vertical-align: top;
}
.events .event-month .details-list .details .date:before,
.events .event-month .details-list .details .place:before,
.events .event-month .details-list .details .price:before{
padding-right: 10px;
content: "-";
}
.events-description{
margin-top: 1em !important;
}
.events-description .events{
width: 100%;
}
.events-description .events-img .img-slide{
display: none;
}
.events .details > div{
padding: 0.1em 0;
}
}
img{
background-repeat: no-repeat !important;
background-size: contain !important;
}
.lt-ie9 span.visible-lg img,
.lt-ie9 span.visible-sm img,
.lt-ie9 span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
.visible-md-lg-xs-sm{
display: block !important;
}
.visible-lg-xs,
.visible-md-lg,
.visible-md-lg-xs,
.visible-md-sm,
.visible-md-sm-lg,
.visible-md-sm-xs,
.visible-md-xs,
.visible-sm-lg,
.visible-sm-lg-xs,
.visible-sm-xs{
display: none !important;
}
.lt-ie9 .visible-md-lg,
.lt-ie9 .visible-md-lg-xs,
.lt-ie9 .visible-md-sm,
.lt-ie9 .visible-md-sm-lg,
.lt-ie9 .visible-md-sm-xs,
.lt-ie9 .visible-md-xs{
display: block !important;
}
span.re img{
filter: none !important;
}
@media (max-width: 977px){
.visible-sm-xs{
display: block !important;
}
}
@media (min-width: 1200px),(min-width: 768px) and (max-width: 977px){
.visible-sm-lg{
display: block !important;
}
}
@media (min-width: 1200px),(max-width: 767px){
.visible-lg-xs{
display: block !important;
}
}
@media (min-width: 768px){
.visible-md-sm-lg{
display: block !important;
}
}
@media (max-width: 767px),(min-width: 978px) and (max-width: 1199px){
.visible-sm-lg img{
background: 0 0 !important;
filter: none !important;
}
.visible-md-xs{
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 977px),(min-width: 1200px){
.visible-md-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 1199px){
.visible-md-sm-xs{
display: block !important;
}
}
@media (min-width: 1200px){
.visible-md-sm-xs img,
span.visible-md img,
span.visible-sm img,
span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 978px){
.visible-sm-xs img{
background: 0 0 !important;
filter: none !important;
}
.visible-md-lg{
display: block !important;
}
}
@media (max-width: 977px){
.visible-md-lg img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 768px) and (max-width: 1199px){
.visible-lg-xs img{
background: 0 0 !important;
filter: none !important;
}
.visible-md-sm{
display: block !important;
}
}
@media (max-width: 767px),(min-width: 1209px){
.visible-md-sm img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 977px),(min-width: 1200px){
.visible-sm-lg-xs{
display: block !important;
}
}
@media (min-width: 978px) and (max-width: 1199px){
.visible-sm-lg-xs img,
span.visible-lg img,
span.visible-sm img,
span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 978px),(max-width: 767px){
.visible-md-lg-xs{
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 977px){
.visible-md-lg-xs img,
span.visible-lg img,
span.visible-md img,
span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 767px){
.visible-md-sm-lg img,
span.visible-lg img,
span.visible-md img,
span.visible-sm img{
background: 0 0 !important;
filter: none !important;
}
.channel .row{
margin-right: 0;
margin-left: 0;
}
}
.modal-carousel .modal-body{

}
.mediabox .set-container .carousel-indicators li{
padding: 0 !important;
}
.img-slide figure{
text-align: center;
}
.content-container .mediabox a.gallery-open-modal{
display: inline-block !important;
margin: auto !important;
}

.pdf_template header,
.pdf_template footer,
.pdf_template #myCarousel,
.pdf_template .search-bar,
.pdf_template .footer-bar,
.pdf_template #template-footer{
display: none !important;
}

.pdf-page{
font-family: Arial;
font-size: 12pt;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 21cm;
min-height: 29.7cm;
margin: 0 auto;
padding-bottom: 100px;
color: #020202;
}
.pdf-page .pfd-header{
clear: both;
margin-bottom: 20pt;
padding: 20pt 0;
border-bottom: 2px solid #007845;
}
.pdf-page .pfd-header .pdf-link{
font-size: 12pt;
font-weight: bold;
float: right;
height: 60px;
color: #007845;
}
.pdf-page .pfd-header .pdf-link a{
font-size: 12pt;
font-weight: bold;
display: table-cell;
height: 60px;
vertical-align: bottom;
}
.pdf-page .pdf-footer{
bottom: 0;
clear: both;
width: 100%;

height: 70px;
padding: 15pt 0;
border-top: 2px solid #97b325;
background-color: #fff;
}
.pdf-page .pdf-footer span{
font-family: "Abel",sans-serif;
font-size: 12pt;
display: block;
width: 100%;
color: #007845;
}
.pdf-page .pdf-footer span img,
.pdf-page .pdf-footer span svg{
height: 15px;
vertical-align: middle;
}
.pdf-page .pdf-main{
clear: both;
overflow: hidden;
margin-bottom: 20pt;
}
.pdf-page .pdf-main section,
.pdf-page .pdf-main div{
margin-bottom: 20pt;
}
.pdf-page .pdf-main p{
margin-bottom: 10pt;
}
.pdf-page .pdf-main h1{
font-size: 16pt;
font-weight: bold;
margin: 0;
padding: 0;
color: #007845;
}
.pdf-page .pdf-main h2{
font-family: Arial;
font-size: 12pt;
font-size: 100;
margin-top: 3pt;
color: #020202;
}
.pdf-page .pdf-main h3{
font-family: Arial;
font-size: 12pt;
font-weight: bold;
margin-bottom: 3pt;
color: #007845;
}
.pdf-page .pdf-main .font-1{
font-size: 16pt;
}
.pdf-page .pdf-main .font-2{
font-size: 10pt;
}
.pdf-page .pdf-main .font-3{
font-size: 8pt;
}
.pdf-page .pdf-main .color-1{
font-weight: bold;
color: #007845;
}
.pdf-page .pdf-main .color-2{
color: #555;
}
.pdf-page .pdf-main .color-3{
font-weight: bold;
color: #000;
}
.pdf-page .pdf-main .bk-color-1{
clear: both;
padding: 12pt 15pt;
background-color: #f9f9f9;
}
.pdf-page .pdf-main .bk-color-2{
clear: both;
margin: 2pt !important;
padding: 12pt;
background-color: #f9f9f9;
}
.pdf-page .pdf-main .padding-left-1{
padding-left: 20pt;
}
.pdf-page .pdf-main .margin-bottom-1{
margin-bottom: 5pt;
}
.pdf-page .pdf-main .margin-top-1{
margin-top: 10pt;
}
.pdf-page .pdf-main .margin-right-1{
margin-right: 10pt;
}
.pdf-page .pdf-main .margin-right-2{
margin-right: 20pt;
}
.pdf-page .pdf-main span{
display: block;
margin-bottom: 3pt;
}
.pdf-page .pdf-main .pull-left{
max-width: 200pt;
margin-right: 10pt;
}
.pdf-page .pdf-main .pull-right{
max-width: 200pt;
margin-left: 10pt;
}
.pdf-page .pdf-main .table-1{
width: 100%;
margin-bottom: 5pt;
}
.pdf-page .pdf-main .table-1 tr{
border-bottom: 1px solid #dcdcdc;
}
.pdf-page .pdf-main .table-1 tr td,
.pdf-page .pdf-main .table-1 tr th{
font-family: Arial;
font-size: 10pt;
padding: 5pt 5pt 5pt 0;
vertical-align: top !important;
}
.pdf-page .pdf-main .table-3{
margin-bottom: 5pt;
}
.pdf-page .pdf-main .table-3 tr{
border-bottom: 1px solid #dcdcdc;
}
.pdf-page .pdf-main .table-3 tr td,
.pdf-page .pdf-main .table-3 tr th{
font-family: Arial;
font-size: 10pt;
padding: 10pt 15pt 10pt 0;
vertical-align: top !important;
}
.pdf-page .pdf-main .table-2{
margin-bottom: 5pt;
}
.pdf-page .pdf-main .table-2 tr{
border-bottom: none;
}
.pdf-page .pdf-main .table-2 tr th{
font-family: Arial;
font-size: 8pt;
font-weight: 100;
padding: 3pt 3pt 3pt 0;
vertical-align: top;
color: #555;
}
.pdf-page .pdf-main .table-2 tr td{
font-family: Arial;
font-size: 9pt;
padding: 3pt 3pt 3pt 0;
vertical-align: top;
}
.pdf-page .pdf-half-col{
float: left;
width: 50%;
padding: 0 0 10pt 0;
}
.pdf-page .pdf-half-col span{
display: block;
margin-bottom: 20pt;
}
@media print{
*{
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
a[href]:after{
content: none !important;
}
body{
padding-top: 0 !important;
color: #000;
background: #fff;
-webkit-print-color-adjust: exact;
}
@page{
margin: 15mm 20mm 20mm 20mm;
size: 210mm 297mm;
}
body,
article,
aside,
main,
.container,
.col-md-8,
.row{
position: static;
width: 100%;
margin: 0;
padding: 0;
}
img{
display: block;
}
aside{
display: block !important;
float: none !important;
width: 100% !important;
}
aside img{
display: block !important;
}
.kurse-accordion{
padding-top: 60px;
}
img,
table,
figure,
#accordion-text .collapse,
.box-contact,
.personal-info,
.events .event-month .details-list,
.public > li{
page-break-inside: avoid;
}
.kurse-list,
.newsletter-list{
page-break-inside: auto;
}
.kurse-list li,
.newsletter-list li{
page-break-inside: avoid;
}
header,
.logo,
.affix{
position: static !important;
}
header{
padding-bottom: 10px;
border-top: 0;
border-bottom: 2px solid #00517e;
}
main header,
aside header{
border-bottom: 0;
}
footer,
.main-footer--fullwidth,
.search-bar,
#myCarousel,
.kurse-carousel,
.footer-article,
.fixed-height,
.cont-service-menu,
#template-footer,
.breadcrumb,
.article-box,
.box-menu,
.aktuelle-box,
.releted-articles,
.adv-box,
.my-merkliste,
aside .article-box,
.category-buttons,
.sortieren,
.category-buttons,
.navigation-result,
aside iframe,
.toggle-menu,
.reiter,
.fotogalerie-carousel,
.page-navigation,
#noe-karte,
.svg-version,
.toplinks,
.termine-filter,
.content-tabs,
.recipe-slider,
.quick-links,
.open-info,
.search-close,
.hamburger-close,
.header__actions,
aside .box--filter,
aside .box--white,
nav.nav-page{
display: none;
}
.internal-menu,
main .article-box,
aside,
#accordion-text .collapse,
.kurse-accordion{
display: block !important;
}
.category-buttons{
display: none !important;
}
.affix .navbar-default{
box-shadow: 0 0 0 #fff !important;
}
main img{
display: block !important;
max-width: 400px;
}
.map-kurse > img{
width: 100% !important;
page-break-inside: always;
}
#lightbox .sidebar-wrapper,
#lightbox .asset-wrapper,
#lightbox .thumbs-wrapper{
position: relative;
float: none;
width: 100%;
height: auto;
text-align: center;
}
#lightbox .modalbox{
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
}
#lightbox .modalbox .nav-controls a{
display: none !important;
}
#lightbox.modalbox .nav-controls{
display: none !important;
}
.modalbox .sidebar{
position: relative;
padding: 2%;
}
.modalbox .caption{
font-size: 1.3em;
line-height: 1.3em;
}
.modalbox .asset-links ul{
display: none;
margin: 15px 0;
padding: 0;
}
.modalbox .asset-links li{
float: none !important;
margin: 0;
padding: 0;
}
.modalbox .asset-desc{
height: auto;
}
.modalbox .asset img{
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.jbox-overlay-container{
right: auto !important;
left: 0.5% !important;
width: 97% !important;
margin-right: auto !important;
margin-left: auto !important;
}
.jbox-overlay-wrapper{
right: 0 !important;
left: 0 !important;
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
}
.fotoservice li,
.toglink.link li{
width: 48%;
min-height: 1px;
margin-right: 0;
margin-bottom: 2em;
margin-left: 0;
padding-right: 1%;
padding-left: 1%;
}
.visible-md-lg img{
display: none !important;
}
.footer-logos{
padding: 1em 0;
}
.event-month .details-list figure a .visible-md,
.event-month .details-list figure a .visible-lg,
.event-month .details-list figure a .visible-md-lg,
.event-month .details-list figure a .visible-sm-xs{
display: none !important;
}
.event-month .details-list figure a .visible-md img,
.event-month .details-list figure a .visible-lg img,
.event-month .details-list figure a .visible-md-lg img,
.event-month .details-list figure a .visible-sm-xs img{
display: none !important;
}
.event-month .details-list{
background-color: #fff;
}
.event-month .details-list .details{
width: 100%;
}
figure .visible-md,
figure .visible-md-sm-lg,
figure .visible-lg,
figure .visible-md-lg,
figure .visible-sm-xs{
display: none !important;
}
figure .visible-md img,
figure .visible-md-sm-lg img,
figure .visible-lg img,
figure .visible-md-lg img,
figure .visible-sm-xs img{
display: none !important;
}
.events .details{
padding: 2em 1em !important;
}
figure .visible-md-sm-lg-xs{
display: none;
}
.fotoservice.fotoservice--small picture a{
max-height: 200px;
}
.fotoservice li{
overflow: hidden;
}
.mobile-kart-box{
position: static;
}
.recipe-detail .only-so-big{
overflow: visible;
height: 100%;
min-height: 10px !important;
max-height: 1800px !important;
margin-top: 1em;
transition: max-height 0.55s;
}
.gradient{
display: none !important;
}
.fullimage .only-so-big{
width: 100% !important;
text-align: left;
}
.read-more-alt,
button.read-more{
display: none;
}
.recipe-detail .cont-recipe-open,
.recipe-detail .box-grey{
width: 100%;
min-width: auto;
}
.recipe.fotoservice.fotoservice--small li figure{
min-height: 178px !important;
max-height: 178px !important;
}
svg{
display: none !important;
}
.public .dwn-online li{
padding: 3px 0 4px 0;
}
.slider-cont .carousel .carousel-caption{
bottom: 10px;
left: 60px;
}
.slider-cont .carousel .carousel-caption h2{
font-size: 22px;
}
.slider-cont .carousel .carousel-caption p{
margin-bottom: 0;
}
.print-image{
display: block !important;
}
.print-image img{
display: block !important;
}
.mediabox.img-slide .carousel-inner > .item .visible-md{
display: block !important;
}
.mediabox.img-slide .carousel-inner > .item .visible-md img{
display: block !important;
}
.fullimage figcaption{
text-align: left;
}
.public li:nth-of-type(3n+1){
clear: none;
}
.public > li{
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
.footer-logos .col-xs-6{
width: 25% !important;
text-align: center;
}
.toglink.link li{
min-height: 305px;
}
.shop.grid02 .col-xs-12{
width: 50% !important;
}
.modal-carousel .modal-body{
opacity: 1;
background-color: #fff;
filter: alpha(opacity=100);
}
.events .event-month .details-list{
background-color: #fff;
}
.events .event-month .details-list .details{
float: left;
width: 100%;
padding: 1em 0 !important;
background-color: #fff;
}
.events .event-month .details-list .details > div{
padding: 1px 0;
}
.events .event-month .details-list .details .col-sm-4{
width: 100%;
padding: 5px 0;
}
.events .event-month .details-list figure{
display: block;
overflow: hidden;
max-width: 100px;
max-height: 100px;
}
.events .event-month .details-list figure img{
max-width: 100px;
max-height: 300px;
}
.events .event-month .details-list .ev-title{
width: calc(100% - 100px);
height: auto;
min-height: auto;
}
.events .event-month .details-list .ev-title h2 .more{
display: none;
}
.events .event-month .details-list .open-detail{
display: none;
}
.events .event-month .details-list .details .date span,
.events .event-month .details-list .details .place span,
.events .event-month .details-list .details .price span{
vertical-align: top;
}
.events .event-month .details-list .details .date:before,
.events .event-month .details-list .details .place:before,
.events .event-month .details-list .details .price:before{
padding-right: 10px;
content: "-";
}
.events-description{
margin-top: 1em !important;
}
.events-description .events{
width: 100%;
}
.events-description .events-img .img-slide{
display: none;
}
.events .details > div{
padding: 0.1em 0;
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){
header .cont-service-menu .service-menu li a svg{
width: 18px;
}
.toplinks .js-toggle-toplinks > svg{
width: 50px;
}
.dreiboxen figure img,
.fotoservice.fotoservice--small li figure img{
width: 100%;
}
header .logo .logo__logo{
width: 250px;
height: 90px;
max-height: 90px;
}
.event ul li ul li.date svg,
.event ul li ul li.place svg{
width: 25px;
height: 25px;
}
.events .event-month .details-list .details span svg{
width: 30px;
height: 30px;
}
.shop .shop-buttons .button svg,
.kart-box header svg{
width: 18px;
height: 16px;
}
.public .dwn-online li svg{
width: 25px;
height: 25px;
}
.filter-horizontal h3 svg{
width: 20px;
height: 16px;
}
.grid02 a svg,
.grid02 span svg{
width: 19px;
height: 19px;
}
.releted-articles h2 svg,
.articlelist h2 svg,
.box--filter h2 svg,
.box--white h2 svg{
width: 21px;
height: 19px;
}
fieldset .close-bt svg{
width: 15px;
height: 15px;
}
.public .dwn-online li svg{
top: 0;
width: 26px;
height: 25px;
}
#noe-karte{
width: 320px;
height: 295px;
}
.events .details span svg{
width: 30px;
}
.footer-article .print-btn svg{
width: 20px;
}
}
.test{
color: #00517e;
}

/* splitted due to filesize */

/* gen-time: (0.025464 sec) */