/* CSS Document */

.abstand5 { padding-left:5px; padding-right:5px; }
.abstand_all_2 { padding:2px; }
.abstand_all_5 { padding:5px; }
.abstand_all_15 { padding:15px; }
.abstand_all_25 { padding:25px; }
.abstand_all_0 { padding:0px !important; }

.box_content { box-sizing: content-box; }

.m_r_5 { margin-right:5px; }
.m_u_5 { margin-bottom:5px; }

.titel { font-size:18px; text-align:left; font-weight:bold; color:#333; }
.titel:focus { font-size:18px; text-align:left; font-weight:bold; color:#333; border-style:outset; }
.subtitel { font-size:14px; text-align:left; font-weight:bold; color:#333; }

.float_left { float:left !important; }

.subform { border-width:1px; border-color:#FF0000; border-style:dashed; background-color:#eeffff; }

.pic_150x100 { max-width:150px; max-height:100px; }

.transition_1 { transition:all 1s ease-in-out; }
.transition_0_25 { transition:all 0.25s ease-in-out; }

.pic_grey { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../images/grey_effekt.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); transition-property: all; transition-duration: 0.5s; }
.pic_grey:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }

.pic_grey_aktiv { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }
.pic_grey_aktiv:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }

.no_mouse { pointer-events: none }

.text_transparent { color: transparent; }

.btn-sm { }
.btn-mini { padding: .1rem .288rem; font-size: .75rem; border-radius: .2rem; }

.durchgestrichen { text-decoration:line-through; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }

.kein_umbruch { white-space:nowrap; }
.kein_umbruch_punkte { white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }

.kreis { text-align:center; border-radius:50%; border-style:solid; border-width:1px; display:inline-block; } 
.opacity_0 { opacity:0; }

.width_p_50 { width:50%; }

.line_h_20 { line-height:20px; }

.select2-lookalike { background-color: white; border: 1px solid #aaa; border-radius: 4px; padding-bottom: 5px; padding-right: 5px; min-height: 32px; box-sizing: border-box; }

.svg_white { fill: #FFF !important; }
.svg_red { fill: #F00 !important; }
.svg_darkred { fill: #900 !important; }
.svg_yellow { fill: #d8da50 !important; }
.svg_blue { fill: #3076b6 !important; }
.svg_black {fill: #000 !important; }
.svg_green { fill: #090 !important; }
.svg_grey { fill: #999 !important; }
.svg_grey_light { fill: #EFEFEF !important; }
.svg_darkred_hover { fill: #F00 !important; }
.svg_darkred_hover:hover { fill: #900 !important; }
.svg_dark_yellow { fill: #dfab26 !important; }

.size9_select { font-size:9px; line-height:12px; height:12px; }
.size9_select:focus { font-size:9px; line-height:12px; height:12px; }

.mini_height_5 { height:5px !important; }

.size7 { font-size:7px; }
.size7:focus { font-size:7px; }
.size8 { font-size:8px; }
.size8:focus { font-size:8px; }
.size9 { font-size:9px; }
.size9:focus { font-size:9px; }
.size10 { font-size:10px; }
.size10:focus { font-size:10px; }
.size11 { font-size:11px; }
.size11:focus { font-size:11px; }
.size12 { font-size:12px; }
.size12:focus { font-size:12px; }
.size13 { font-size:13px; }
.size13:focus { font-size:13px; }
.size14 { font-size:14px; }
.size14:focus { font-size:14px; }
.size15 { font-size:15px; }
.size15:focus { font-size:15px; }
.size16 { font-size:16px; }
.size16:focus { font-size:16px; }
.size17 { font-size:17px; }
.size17:focus { font-size:17px; }
.size18 { font-size:18px; }
.size18:focus { font-size:18px; }
.size19 { font-size:19px; }
.size19:focus { font-size:19px; }
.size20 { font-size:20px; }
.size20:focus { font-size:20px; }
.size25 { font-size:25px; }
.size25:focus { font-size:25px; }
.size30 { font-size:30px; }
.size30:focus { font-size:30px; }
.size40 { font-size:40px; }
.size40:focus { font-size:40px; }

.grey { color:#999999 !important; }
.red { color:#FF0000 !important; }
.red_dark { color:#990000 !important; }
.white { color:#FFFFFF !important; }
.green { color:#009933 !important; }
.green_dark { color:#009900 !important; }
.green_dunkel { color:#1d6718 !important; }
.blue { color:#3076B6 !important; }
.blue_light { color:#0085ff !important; }
.orange { color:#f8a92e !important; }
.black { color:#000000 !important; }
.yellow { color:#FFFF00 !important; }
.violett { color:#FF00FF !important; }
.brown { color:#993300 !important; }
.col_inherit { color:inherit; }

.bg_white { background-color:#FFF; border-color:#FFF; }
.bg_hell_grey { background-color:#DFDFDF; border-color:#DFDFDF; }
.bg_red { background-color:#FF0000 !important; border-color:#FF0000 !important; color:#FFFFFF !important; }
.bg_red_dark { background-color:#990000 !important; border-color:#990000 !important; color:#FFFFFF !important; fill:#FFFFFF !important; }
.bg_red_light { background-color:#f78585 !important; border-color:#f78585 !important; color:#FFFFFF !important; fill:#f78585 !important; }
.bg_green { background-color:#009933 !important; border-color:#009933 !important; color:#FFF !important; }
.bg_blue { background-color:#3076B6 !important; border-color:#3076B6 !important; color:#FFFFFF !important; }
.bg_blue_light { background-color:#0085ff !important; border-color:#0085ff; color:#000000 !important; }
.bg_black { background-color:#000000 !important; border-color:#000000 !important; color:#FFFFFF !important; }
.bg_orange { background-color:#f8a92e !important; border-color:#f8a92e !important; color:#000000 !important; }
.bg_yellow { background-color:#d8da50 !important; border-color:#d8da50 !important; color:#FFFFFF !important; }

.bg_red_hov { background-color:transparent; border-color:#FF0000; color:#FFFFFF !important; transition:all 0.25s ease-in-out; }
.bg_red_hov:hover { background-color:#FF0000; border-color:#FF0000; color:#FFFFFF !important; }

.bg_normal_hov { transition:all 0.25s ease-in-out; }
.bg_normal_hov:hover { background-color:#FF0000; color:#FFFFFF !important; }

.pad_x_normal { padding-left:10px; padding-right:10px; }

.check_gross { height:20px !important; width:20px !important; }
.check_mittel { height:17px !important; width:17px !important; }
.check_midi { height:14px !important; width:14px !important; }
.check_mini { height:10px !important; width:10px !important; }
.check_red:checked { filter: invert(100%) hue-rotate(330deg) brightness(1.7); }

.rahmen { border:1px solid #999; }
.rahmen_abstand { border:1px solid #999; padding:10px; display:block; }

.rahmen_stark { border:3px solid #999; }
.rahmen_stark_abstand { border:3px solid #999; padding:10px; display:block; }

.rahmen_schwach { border:1px solid #CCC; }
.rahmen_schwach_abstand { border:1px solid #CCC; padding:10px; display:block; }

.abgerundet { border-radius:5px 5px 5px 5px !important; }
.abgerundet_10 { border-radius:10px 10px 10px 10px !important; }
.abgerundet_oben { border-radius:5px 5px 0px 0px; }

.rahmen_oben { border-top-width:1px; border-bottom-width:0px; border-left-width:0px; border-right-width:0px; }
.rahmen_unten { border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-right-width:0px; }
.rahmen_links { border-bottom-width:0px; border-top-width:0px; border-left-width:1px; border-right-width:0px; }
.rahmen_rechts { border-bottom-width:0px; border-top-width:0px; border-left-width:0px; border-right-width:1px; }

.kein_rahmen_oben { border-top-width:0px !important; }
.kein_rahmen_unten { border-bottom-width:0px !important; }
.kein_rahmen_links { border-left-width:0px !important; }
.kein_rahmen_rechts { border-right-width:0px !important; }

.rahmenfarbe_red { border-color:#F00 !important; }
.rahmenfarbe_darkred { border-color:#990000 !important; }

.rahmenfarbe_green { border-color:#009933 !important; }

.kopf { font-size:9px; color:#999; }

.cursor_click { cursor:pointer; }

.mini2 { color:#333333; background-color:#DFDFDF; border:1px solid #DFDFDF; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.mini2:focus { color:#333333; background-color:#EFEFEF; border:1px solid #CCC; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.mini { color:#333333; background-color:#EFEFEF; border:1px solid #EFEFEF; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.mini:focus { color:#333333; background-color:#DFDFDF; border:1px solid #CCC; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.mini_blank { color:#333333; background-color:transparent; border:1px solid #EFEFEF; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.mini_blank:focus { color:#333333; background-color:transparent; border:1px solid #CCC; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.klein_blank { color:#333333; background-color:transparent; border:0px solid #EFEFEF; padding:3px; text-align:left; font-size:12px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.klein_blank:focus { color:#333333; background-color:transparent; border:0px solid #EFEFEF; padding:3px; text-align:left; font-size:12px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.blank { background-color:transparent; border-width:0px; }
.blank:focus { background-color:transparent; border-width:0px; }

.klein { color:#333333; background-color:#EFEFEF; border:1px solid #CCC; padding:3px; text-align:left; font-size:12px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.klein:focus { color:#333333; background-color:#DFDFDF; border:1px solid #CCC; padding:3px; text-align:left; font-size:12px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }


/* Button */
.button { cursor:pointer; background-color:#ececec; border:1px outset #CCC; border-radius:0.2em 0.2em 0.2em 0.2em; }
.button:hover { cursor:pointer; background-color:#ececec; border:1px inset #CCC; border-radius:0.2em 0.2em 0.2em 0.2em; }

.button_25 { cursor:pointer; background-color:#ececec; border:1px outset #999; height:25px; line-height:25px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.button_25:hover { cursor:pointer; background-color:#ececec; border:1px inset #999; height:25px; line-height:25px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.button_midi { cursor:pointer; background-color:#ececec; border:1px outset #999; height:20px; line-height:20px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.button_midi:hover { cursor:pointer; background-color:#ececec; border:1px inset #999; height:20px; line-height:20px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.button_mini { cursor:pointer; background-color:#ececec; border:1px outset #999; height:15px; line-height:15px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.button_mini:hover { cursor:pointer; background-color:#ececec; border:1px inset #999; height:15px; line-height:15px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.visibility_0 { display:none; visibility:hidden; }
.visibility_1 { display:inline; visibility:visible; }
.visibility_-1 { display:inline; visibility:visible; }


/* Progress mit "Fortschrittfarben" */
.dringlichkeit_c3 { border:0px solid #333; background-color:transparent; }
.dringlichkeit_c3::-moz-progress-bar { background-color:#09F; }
.dringlichkeit_c3::-webkit-progress-value { background-color:#09F; }
.dringlichkeit_c3::-o-progress-bar { background-color:#09F; }

/* input button grey */
.inp_but_bg_grey { cursor:pointer; background-color:#ececec; border:1px solid #999; }
.inp_but_bg_grey:hover { cursor:pointer; background-color:#cccccc; border:1px solid #333; }

.inp_but_bg_red { cursor:pointer; background-color:#990000; color:#FFF; border:1px solid #999; }
.inp_but_bg_red:hover { cursor:pointer; background-color:#990000; color:#CCC; border:1px solid #666; }


/* Listeneintragsklassen */
.liste_mark_0 { color:#333; background-color:#EFEFEF; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; }
.liste_mark_0:hover { color:#111; background-color:#FEFEFE; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; }
.liste_mark_1 { color:#333; background-color:#F8F8F8; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; }
.liste_mark_1:hover { color:#111; background-color:#FEFEFE; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; }

/*zusätzliche Markierung möglich */
.liste_select { cursor:pointer; }


/*CSS Klasse für einen Kippschalter mit Einrastfunktion von PK */
.dip_schalter {outline: none; color: #fff; background-color: #4CAF50; box-shadow: 1px 4px #999;}
.dip_schalter_gedrueckt {outline: none; color: #fff; background-color: #4CAF50; box-shadow: 1px 1px #999; transform: translateY(3px);}

/*CSS Klasse für farbige Hintergründe*/
.green_striped_background{ border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #b0fea5; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}
.red_light_striped_background{ color: #FFF; text-shadow: 1px 1px #666; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #f78585; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}
.red_light_striped_background:hover { color: #FFF; text-shadow: 1px 1px #666; background: #f7A5A5; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}


/*farbliche Listeneintragsklassen */
.green_striped_bg_mark_0 { border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #b0fea5; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}
.green_striped_bg_mark_0:hover { border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #d2fecd; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}
.green_striped_bg_mark_1{ border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #79fd68; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}
.green_striped_bg_mark_1:hover{ border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #d2fecd; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}

.autobreak { word-break: break-all; hyphens: auto; }

.rund { border-radius: 50%; }
.rund:hover { border-radius: 50%; }

/*Minimal-Dropdowndesign*/
.minimal_dropdown{-moz-appearance: none;-webkit-appearance: none; padding-bottom:10px !important;  padding-left:5px !important; padding-right:5px !important; appearance: none; border: none; outline: none; background-color:transparent; border-radius: 3px; color:#3076B6 !important; font-size:16px; text-align:left; font-weight:bold; color:#333; }
.minimal_dropdown:focus{background-color: transparent;}
.minimal_dropdown::-ms-expand{display: none;}
.minimal_dropdown::-ms-value { background-color: transparent;}
.minimal_dropdown option{color:#000 !important; font-size:14px !important; text-align:left; font-weight:normal !important; color:#333; }


.mini_dropdown{-moz-appearance: none;-webkit-appearance: none; opacity: 0; appearance: none; border: none; outline: none; background-color:transparent; border-radius: 3px; text-align:left; color:#333; }
.mini_dropdown:focus{background-color: transparent;}
.mini_dropdown::-ms-expand{display: none;}
.mini_dropdown::-ms-value { background-color: transparent;}
.mini_dropdown option{color:#000 !important; text-align:left; font-weight:normal !important; color:#333; }

.no-shadow:focus { box-shadow: none !important; }

/* Loading circle*/
.loader {  border: 16px solid #f3f3f3;  border-radius: 50%;  border-top: 16px solid #3498db;  width: 120px;height: 120px;  -webkit-animation: spin 2s linear infinite; /* Safari */  animation: spin 2s linear infinite;}
@-webkit-keyframes spin {  0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}

.text-3-line {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}