/* StyleMaster_Kopf_MK: Variante fuer modernes Layout mit "vollstaendigem" Kopf und Kapitelverzeichnis */
/* Redaktionsstand: 17.04.2023 | Zuletzt editiert von: HF | Aus Datenbank erzeugt am 17.04.2023*/
/* Letzte Neuerung: Die Styles fuer das Kapitelverzeichnis umfangreich ueberarbeitet, die Werte fuer line-height durchgaengig als Faktor notiert. */
/* Standard-Layout DezentNatur */
/* Kundenspezifische Anpassungen */
/* */
/* Ende */
/* Fonts */
@font-face {
font-family: 'StandardFont';
/* src: url('./OpenSans-Light.otf') format('opentype'); */
src: url('./OpenSans-Regular.otf') format('opentype');
}
@font-face {
font-family: 'Open Sans';
src: url('./OpenSans-Regular.otf') format('opentype');
}
/* Globale Seiteneinstellungen */
body
/* Die Basiseinstellung fuer den Hintergrund des Browserfensters. Hier wird die Farbe des Bereichs rechts und links des Wrappers gesetzt. */
{
font-family: 'StandardFont', 'Open Sans';
overflow: hidden;
color: #333333;
background-color: #FFFFFF;
scrollbar-color: #e1e1e1;
scrollbar-width: thin;
}
#wrapper
{
display: block !important;
max-width: 100% !important;
height: 100% !important;
border: 0px;
margin-top: 0px;
/* Fuer Blaetterpfeile rechts und links bekommt der wrapper einen seitl. Rand von 80px */
}
/* Blaetterpfeile (brauchen beim #wrapper eine margin von 80px) */
.Blaettern_Wrapper_Rueckwaerts /* Blaettern mit Wrapper */
{
left: 20px;
position: fixed;
top: 50%;
bottom: 50%;
font-size: 25px;
z-index: 100;
}
.Blaettern_Wrapper_Vorwaerts /* Blaettern mit Wrapper */
{
right: 20px;
position: fixed;
top: 50%;
bottom: 50%;
font-size: 25px;
z-index: 300;
}
#navigation
/* Der Navigationsbereich der klassischen Hilfen, wird als HTML-Element noch gebraucht, hier aber nicht angezeigt */
{
display: none !important;
}
#main
/* Umfasst den gesamten rechten Bereich aus mainHead, mainContent und Footer */
{
float: left;
width: 100%;
top: 0px;
padding: 0px;
overflow: hidden;
border: 0px solid red;
background-color: #FFFFFF;
hyphens: auto;
}
#mainHead
{
position: relative;
margin-left: 0px;
padding: 0px;
left: 0px;
height: 180px;
margin-top: 0px;
overflow: hidden;
/* background-image: url(AllOverBack_Modern.png); */
background: #ffffff;
background-position: top left;
background-size: cover;
border: 0px solid blue;
}
#mainContent
{
padding-right: 0%;
float: left;
overflow-y: auto;
overflow-x: auto;
margin-top: 0px;
margin-left: 80px;
margin-right: 0px;
padding-top: 10px;
padding-left: 20px;
padding-right: 120px;
width: 100%;
border: 0px solid pink;
z-index: 21;
/* Backup-Textauszeichnung fuer Text ohne -Tags */
font-size: 20px;
line-height: 1.1;
}
.mainContent
{
float: left;
position: relative;
overflow-y: scroll;
overflow-x: hidden;
margin-top: 25px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
border: 0px solid pink;
z-index: 21;
/* Backup-Textauszeichnung f?r Text ohne
-Tags */
font-size: 20px;
line-height: 1.1;
}
/* #mainContent_Container */
/* { */
/* padding-right: 100px; */
/* } */
#Footer
{
position: fixed;
height: 40px;
bottom: 0px;
left: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
text-align: center;
vertical-align: bottom;
padding-top: 8px;
background-color: #ffffff;
z-index: 300;
}
/* */
p.Footer
{
position: relative;
margin-top: 0px;
font-size: 11px;
line-height: 1.4;
font-weight: normal;
color: #333333;
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
border-top: 2px solid #E1E1E1;
}
p.Footer a
{
color: #333333;
text-decoration: underline;
}
p.Footer a:hover
{
color: #007aab;
text-decoration: underline;
}
p.Footer img
{
position: relative;
width: auto;
top: 0px;
left: 0px;
padding-left: 0px;
}
/* "Ebene 1" */
#Kopfzeile
{
padding: 5px;
background-color: #007aab;
text-align: right;
height: 30px;
width: 100%; /* 12/2022 neu wegen mehr moegl. Eintraegen */
overflow-y: hidden; /* 12/2022 neu wegen mehr moegl. Eintraegen */
}
#Kopfzeile a {
color: #FFFFFF;
font-weight: 600;
font-family: 'StandardFont';
/* */
padding-right: 20px; /* 12/2022 neu */
}
#Kopfzeile a img
{
height: 24px;
}
/* "Ebene 2" */
#Kopfleiste
{
display: flex;
float: left;
flex-direction: row;
justify-content: space-between;
column-gap: 20px;
}
/* Logo im Kopf oben links und Navigationslemente oben rechts */
.headerLogo
{
background-image: url(Logo-spring.svg);
background-repeat: no-repeat;
margin-top: 16px;
margin-left: 16px;
width: 450px;
height: 48px;
z-index: 100;
}
/* Elemente der Navigation oben rechts, tw. neu, tw. aus sidebar.css, hier abweichend ausgezeichnet */
#home-btn
{
background-image: url(Home.png);
height: 35px;
width: 35px;
background-size: contain;
background-color: transparent;
border: 0px !important;
outline: none;
margin-top: 18px;
}
#tableContent-btn
{
background-image: url(TableContent.png);
height: 35px;
width: 35px;
background-size: contain;
background-color: transparent;
border: 0px !important;
outline: none;
margin-top: 18px;
margin-left: 10px;
}
#index-btn
{
background-image: url(Index.png);
height: 35px;
width: 35px;
background-size: contain;
background-color: transparent;
border: 0px !important;
outline: none;
margin-top: 18px;
}
#print-btn
{
background-image: url(PrintBtn.png);
height: 35px;
width: 35px;
background-size: contain;
background-color: transparent;
border: none !important;
outline: none;
margin-top: 18px;
margin-right: 10px;
}
.tipue_search_right
{
position: relative;
right: -2rem;
top: 1.5rem;
width: 57%;
}
.tipue_search_left #goSearchBtnHead
{
float: right;
outline: none;
border: none !important;
width: 20px;
margin-left: 3px;
font-size: 20px;
border: 0px;
margin-top: 7px;
margin-right: 6px;
color: transparent;
background: transparent;
background-image: url(./tipuesearch/css/right-arrow.png);
background-repeat: no-repeat;
line-height: 1;
}
#tipue_search_input
{
font-size: 16px;
line-height: 1.3;
background-color: #ffffff;
min-width: 120px;
width: 59%; /* Anpassung an Browser Safari@iPad */
box-sizing: border-box;
padding: 6px;
padding-top: 7px;
padding-bottom: 6px;
border-left: 0px;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-radius: 0px;
-moz-appearance: none;
-webkit-appearance: none;
box-shadow: none;
outline: 0;
margin: 0;
}
.tipue_search_icon
{
float: left;
width: 20px;
margin-left: 0px;
padding-top: 8px;
background-color: #ffffff;
}
#idxContainer
{
position: relative;
left: 12px;
top: 8px;
font-size: 1em;
list-style-type: none;
}
#idxContainer .tipue_search_right
{
position: relative;
right: 1rem !important;
top: 0rem !important;
width: 45% !important;
}
#idxContainer .tipue_search_left
{
float: left;
width: 15%;
margin-left: -6px;
margin-right: 4px;
background-color: #ffffff;
height: 38px;
border-top: 7px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.navigationRight
{
display: flex;
float: right !important;
flex-direction: row;
justify-content: flex-start;
column-gap: 20px;
width: 54rem;
background-color: #007aab;
height: 70px;
margin-top: 0px;
right: 0px;
z-index: 101;
order: 3;
position:absolute;
}
#rightNavContainer
/* Das ist der rechts positionierte Container fuer Inhaltsbaum, Index und Suchergebnisliste*/
{
display: none;
position: relative;
float: right;
height: auto;
width: 48.0rem;
top: 6rem;
bottom: 1rem;
z-index: 30;
margin-right: -48rem;
}
.rightNavContent{
display: none;
position: fixed;
background: #007aab;
width: 54rem;
margin-top: 1rem;
margin-bottom: 1rem;
height: 88%;
overflow-y: scroll;
overflow-x: hidden !important;
right: 0px;
}
.tipue_search_content_text
{
font-family: 'StandardFont';
font-size: 16px !important;
line-height: 1.5;
font-style: normal;
color: #FFFFFF;
margin-left: 0px;
padding-left: 20px;
top: 0px;
padding-bottom: 4px;
border-bottom: 1px solid #E1E1E1;
}
#tipue_search_content .tipue_search_content_title
{
font-family: 'StandardFont';
margin-top: 10px;
/* border-top: 1px solid #E1E1E1; */
}
.tipue_search_content_title
{
color: #FFFFFF;
font-weight: 500;
font-size: 18px;
line-height: 1.1;
font-family: 'StandardFont';
margin-top: 10px;
margin-bottom: 6px;
padding-top: 0px;
padding-bottom: 0px;
}
.tipue_search_content_title a
{
color: #FFFFFF !important;
text-decoration: none;
/* border-top: 0px solid #E1E1E1; */
}
.tipue_search_content_title a:hover
{
color: #007aab !important;
}
.tipue_search_content_title img /* Fuer das PDF-Icon */
{
padding-right: 5px;
}
#pdfSearch
{
float: right;
padding-left: 5px;
padding-right: 5px;
}
#tipue_search_content_idx
{
width: 100%;
padding-bottom: 16px !important;
margin-bottom: 20px;
display: none;
}
#tipue_search_content_idx .tipue_search_content_title a
{
color: #FFFFFF;
}
#pageCount
{
float: right;
margin-right: 3px;
margin-top: 1px;
border-color: #FFFFFF solid 0px;
background-color: transparent;
color: #FFFFFF;
}
.searchResultWrapper:hover .tipue_search_content_text
{
color: #E1E1E1 !important;
}
.searchResultWrapper:hover .tipue_search_content_title
{
color: #FFFFFF !important;
}
.searchResultWrapper
{
cursor: pointer;
padding-top: 10px;
}
#tipue_search_foot_boxes li.current
{
font-family: 'StandardFont', 'Arial', 'Helvetica', sans-serif;
color: #007aab;
}
#rightSearchResults
{
display: none;
}
#sitemapContainer
{
list-style-type: none;
position: relative;
left: 4px;
top: 10px;
font-weight: normal;
}
.aWrapper
{
display: inline;
white-space: nowrap;
}
.aWrapperWrap
{
white-space: normal !important;
}
.aWrapper a
{
text-decoration: none;
font-size: 1.6rem;
color: #FFFFFF;
display: inline;
transition: 0.0s;
list-style-type: none;
}
.aWrapper a:hover, .offcanvas a:focus
{
background-color: transparent;
color: #73aebd;
text-decoration: none;
font-weight: normal;
/* letter-spacing: 0.01em; */
}
.aWrapper a:link
{
color: #FFFFFF;
}
.aWrapper a:hover
{
text-decoration: underline;
}
.aWrapper a.highlighted:visited
{
background-color: #007aab;
font-weight: normal;
color: #00f4ff !important;
text-decoration: none;
/* font-size: 1.6rem;*/
}
.aWrapper a:visited
{
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}
.aWrapper a:visited:hover
{
color: #73aebd !important;
}
.highlighted /* aus sidebar.css */
{
background-color: transparent;
letter-spacing: 0.0em;
}
a.highlighted
{
background-color: transparent;
font-weight: normal;
}
a.highlighted:visited
{
background-color: transparent;
font-weight: normal;
}
a.level1Idx
{
font-size: 16px;
color: #FEFEFE;
margin-left: 0px;
}
a.level1Idx:visited
{
color: #FFFFFF;
}
a.level1Idx:hover
{
color: #FFFFFF;
}
a.level1Idx:link
{
color: #FFFFFF;
}
a.level1Idx:link:hover /* Exklusiv */
{
color: #FFFFFF;
text-decoration: underline;
}
a.level2Idx
{
font-size: 16px;
color: #F5F5F5;
}
a.level2Idx:visited
{
font-size: 16px;
color: #F5F5F5;
}
a.level2Idx:hover
{
font-size: 16px;
color: #FFFFFF;
text-decoration: underline;
}
li.level0.active
{
flex-direction: row;
flex-wrap: wrap;
}
li.level1.active
{
flex-direction: row;
flex-wrap: wrap;
}
li.level2.active
{
flex-direction: row;
flex-wrap: wrap;
}
li.level2.active > img
{
margin-top: 4px;
}
li.level3.active
{
flex-direction: row;
flex-wrap: wrap;
}
li.level3.active > img
{
margin-top: 0px;
}
li.level4.active
{
flex-direction: row;
flex-wrap: wrap;
}
li.level4.active > img
{
margin-top: 0px;
}
li.level5.active
{
flex-direction: row;
flex-wrap: wrap;
}
li.level5.active > img
{
margin-top: 0px;
}
.level0>ul
{
padding-left: 20px;
}
/* mainHead-Bereich */
#mainHead.mainHeadScrolled
{
height: 100px;
background-color: white;
background-image: unset;
border-bottom: 1px solid #000000;
box-shadow: 0 4px 2px -2px #cccccc;
}
.mainHeadScrolled .tipue_search_left
{
border: 1px solid #E1E1E1;
}
/* Titelkasten */
#Titel
{
position: absolute;
top: 100px;
height: 85px;
left: 0px;
right: 0px;
padding: 0px;
background: #FFFFFF;
z-index: 19;
}
/* Ueberschrift */
.Mitte
{
font: 'StandardFont';
display: flex;
align-items: center;
position: fixed;
top: 135px;
left: 80px;
height: 80px;
margin: 0px;
padding-left: 20px;
text-align: left;
font-size: 36px;
line-height: 1;
font-weight: normal;
letter-spacing: 0.01em;
color: #333333;
overflow-x: hidden;
overflow-y: auto;
border: 0px solid green;
z-index: 20;
}
/* Registerkarten */
#Kopf
/* ID fuer den Registerkartenbereich */
{
position: absolute;
top: 70px;
width: 100%;
height: 90px;
margin-left: 0px;
margin-right: 10px;
overflow-y: hidden;
z-index: 21;
}
div.kopf
/* Klasse fuer die Registerkarten-Tabelle */
{
position: relative;
/* border-left: 5px solid transparent; */
border-right: 5px solid transparent;
/* padding: 5px; */
left: 5px;
right: 5px;
height: 44px;
overflow-x: hidden;
padding-bottom: 0px;
z-index: 2; /* Abweichung */
}
td.kopf
/* Tabellenzelle fuer inaktive Registerkarten */
{
margin: 0px;
padding-top: 0px;
border: 0px;
vertical-align: middle;
text-align: center;
color: #FFFFFF;
min-width: 30px;
max-width: 800px;
height: 34px;
border-right: 20px solid #E1E1E1;
border-left: 20px solid #E1E1E1;
background-image: none;
background-repeat: repeat-x;
white-space: nowrap !important;
background: #F1F1F1;
cursor: pointer;
}
td.kopf:hover
{
background-image: none;
background: none;
color: #FFFFFF;
}
td.kopfaktiv
/* Tabellenzelle fuer aktive Registerkarte */
{
margin: 0px;
padding-top: 0px;
border: 0px;
vertical-align: middle;
text-align: center;
min-width: 0px;
max-width: 800px;
height: 34px;
white-space: nowrap !important;
border-left: 20px solid #F1F1F1;
border-right: 20px solid #F1F1F1;
background-color: #b80918;
cursor: pointer;
}
p.kopf
/* Textauszeichnung fuer inaktive Registerkarten */
{
font-size: 17px;
font-stretch: extra-condensed;
line-height: 1;
margin-top: 2px;
margin-left: 4px;
margin-right: 4px;
white-space: nowrap !important;
color: #333333;
text-decoration: none;
position: relative;
cursor: pointer;
}
p.kopf:before /* Exklusiv, animierte Unterstreichung bei mouse over */
{
content: "";
position: absolute;
bottom: -10px;
top: 10px;
left: 0;
width: 0%;
border-bottom: 1px solid #333333;
transition: 0.4s;
}
p.kopf:hover
{
color: #333333;
}
p.kopf:hover:before
{
width: 100%;
}
p.kopfaktiv
/* Textauszeichnung fuer aktive Registerkarten */
{
font-size: 17px;
line-height: 1;
/*font-weight: bold;*/
font-stretch: extra-condensed;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
white-space: nowrap !important;
color: #FFFFFF;
}
/* SubRegisterkarten */
#Spezial
/* ID fuer den Subregisterbereich */
{
position: absolute;
top: 124px;
width: 97%;
margin-top: 0px;
margin-left: 20px;
margin-right: 0px;
border: 0px solid #E1E1E1;
overflow-y: hidden;
z-index: 22;
}
div.spezial
/* Klasse fuer die Subregisterkartentabelle */
{
position: relative;
height: 36px !important;
overflow-x: scroll;
padding-bottom: 0px;
z-index: 22;
}
div.spezial:hover
{
overflow-x: auto;
z-index: 22;
}
td.spezial
/* Tabellenzelle fuer inaktive Subregisterkarten */
{
margin: 0px;
padding: 0px;
border: 0px;
border-left: 2px solid #A0A0A0;
vertical-align: middle;
text-align: center;
white-space: nowrap;
background-color: #E1E1E1;
background-image: none;
cursor: pointer;
}
td.spezial:hover
{
margin-left: 4px;
padding: 0px;
padding-left: 0px;
border-left: 2px solid #A0A0A0;
background-color: #73aebd;
color: #333333;
vertical-align: middle;
text-align: center;
white-space: nowrap;
cursor: pointer;
}
td.spezialaktiv
/* Tabellenzelle fuer aktive Subregisterkarten */
{
margin: 0px;
padding: 0px;
padding-left: 0px;
border: 0px;
border-left: 2px solid #A0A0A0;
vertical-align: middle;
text-align: center;
white-space: nowrap;
cursor: pointer;
background-image: none;
background-color: #73aebd;
}
p.spezial
/* Textauszeichnung fuer inaktive Subregisterkarten */
{
font-size: 14px;
font-weight: normal;
line-height: 1;
margin-top: 6px;
margin-left: 12px;
margin-right: 10px;
}
p.spezialaktiv
/* Textauszeichnung fuer aktive Subregisterkarten */
{
font-size: 14px;
font-weight: normal;
line-height: 1;
margin-top: 6px;
margin-left: 10px;
margin-right: 10px;
color: #333333;
}
p.spezial:hover
/* Textauszeichnung f?r hover Subregisterkarten */
{
font-size: 14px;
font-weight: normal;
line-height: 1;
margin-top: 6px;
margin-left: 12px;
margin-right: 10px;
color: #007aab;
}
/* rechter Fensterbereich */
.mainRight
{
font-size: 16px;
padding-right: 10px;
float: left;
top: 0px;
overflow-y: scroll !important;
scrollbar-color: white white;
z-index: 100;
border: 0px solid #E1E1E1;
}
.grid_element_Text_right
{
position: relative;
left: 0rem !important;
bottom: 1rem !important;
background-color: #FFFFFF;
text-align: left;
margin-left: 0px;
overflow-y: scroll !important;
width: 100%;
z-index: 23;
}
@supports (-moz-appearance:none)
{
.grid_element_Text_right
{
position: relative;
left: 5rem !important;
bottom: 2rem !important;
background-color: #FFFFFF;
text-align: left;
margin-left: -40px !important;
overflow-y: auto !important;
height: 95%;
z-index: 23;
}
}
.printRight
{
display:none;
background: transparent;
height: 47px;
width: 375px;
background-color: #FFFFFF;
box-shadow: 1px 2px 4px 0 #E1E1E1;
margin-top: 80px;
padding-top: 0px;
margin-left: 10px;
padding-left: 120px;
}
/* Kapitelverzeichnis */
.SubTree
{
position: absolute;
top: 15px;
color: #333333;
font-size: 18px;
line-height: 1.33;
margin-left: 0px;
padding-left: 0px;
padding-right: 8px;
margin-right: 8px;
padding-bottom: 15px;
border-top: 0px solid #333333 !important;
overflow-y: hidden;
overflow-x: hidden;
white-space: normal;
z-index: 101;
}
.SubTree a
{
color: #333333!important;
}
.SubTree1
{
padding-left: 0px;
font-size: 16px;
line-height: 1.1;
}
.SubTree2
{
margin-left: 25px;
padding-left: 25px;
font-size: 16px;
line-height: 1.75;
margin-top: 5px;
margin-bottom: 5px;
}
.SubTree1 a:link
{
color: #333333;
}
.SubTree2 a:link
{
color: #333333;
}
.SubTree1 a:hover
{
color: #007aab !important;
text-decoration:none;
}
.SubTree1 a mark:hover
{
color: #007aab !important;
text-decoration:none;
}
.SubTree2 a:hover
{
color: #007aab !important;
text-decoration:none;
}
.SubTree2 a mark:hover
{
color: #007aab !important;
text-decoration:none;
}
.SubTree1 a:active
{
color: #0000ff;
}
.SubTree2 a:active
{
color: #0000ff;
}
.SubTree1 a:visited
{
color: #333333;
}
.SubTree2 a:visited
{
color: #333333;
}
.SubTreeTitle
{
font-family: 'StandardFont';
font-size: 20px;
line-height: 1;
font-weight: 500;
border-bottom: 1px solid #A0A0A0;
margin-left: 0px;
}
summary.SubTreeNoArrow::before
{
display: block;
position: absolute;
left: 0px;
content: url("arrow_right_nav.png");
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
}
summary.SubTreeNoArrow
{
background: transparent;
margin-left: 0px;
}
summary.SubTreeChild
{
background: transparent !important;
}
details.SubTreeChild
{
display: flex;
background: transparent !important;
}
details.SubTreeChild [open]
{
display: flex;
font-weight: normal;
}
details.SubTreeChildActive
{
display: flex;
}
details.SubTreeChildActive summary
{
font-weight: normal;
background-color: #F1F1F1;
margin-left: 0px;
padding-left: 35px;
}
.SubTreeChildSpezialActive
{
display: block;
position: relative;
left: 8px;
font-size: 16px;
line-height: 1.56;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 2px;
background-color: #F1F1F1;
}
.SubTreeChildSpezialActive::before
{
position: absolute;
font-weight: normal;
left: 4px;
padding-left: 0px;
background-color: #F1F1F1;
content: url("arrow_right_nav_SubTree2.png");
margin-right: 10px;
}
.SubTreeChildSpezial
{
display: block;
position: relative;
left: 8px;
font-size: 16px;
line-height: 1.56;
margin-top: 5px;
margin-bottom: 5px;
}
.SubTreeChildSpezial::before
{
position: absolute;
background-color: transparent;
margin-left: 0px;
left: 4px;
content: url("arrow_right_nav_SubTree2.png");
margin-right: 0px;
}
summary::before
{
content: url("arrow_down_nav.png");
position: absolute;
left: 0px;
margin-left: 0px;
padding-right: 20px;
}
details[open] summary::before
{
content: url("arrow_up_nav.png");
left: 0px;
}
details[open] summary.SubTreeNoArrow::before
{
content: url("arrow_right_nav.png");
left: 0px;
}
/* Globale Angaben im Fließtext **********/
p
{
font-family: 'StandardFont';
font-size: 20px;
line-height: 1.5;
margin-top: 10px;
margin-bottom: 5px;
color: #333333;
}
p.CourierAbsatz
{
font-family: "Courier New", Courier;
font-size: 15px;
}
/* Sonderelemente Textauszeichnung */
span.Emphase
{
font-weight: bold;
color: #000000;
}
span.UI
{
font-weight: bold;
font-style: italic;
color: #002E57;
}
span.CrossRef
{
font-weight: normal;
color: #2680ff;
text-decoration: underline;
}
span.FilePathCode
{
font-family: "Courier New", Courier;
font-weight: normal;
color: #000000;
text-decoration: none;
}
span.Tabellenkopf
{
font-weight: bold;
}
/* Tabellen */
#mainContent table
{
table-layout:auto !important;
width: auto !important;
border-collapse: collapse !important;
margin-left: 0px !important;
word-break: normal !important;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
#mainContent td
{
padding: 0.5em;
border: 1px solid #000000;
vertical-align: top;
width: auto !important;
min-width: 30px;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
/* #mainContent td.sp2 */
/* zur abweichenden Formatierung der letzten Spalte */
/* {
padding: 0.5em;
border: 1px solid #000000;
vertical-align: top;
width: 100% !important;
min-width: 250px;
}
*/
#mainContent td p
{
font-family: 'StandardFont';
font-size: 20px;
line-height: 1.5;
margin-top: 0px;
margin-bottom: 0px;
hyphens: auto;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
#mainContent td ol li
{
font-size: 18px;
line-height: 1.2;
}
#TabelleBreit
{
position: relative;
text-align: left;
width: 100%;
padding-left: 127px;
margin-left: 0px;
top: 0px;
}
/* Elemente zur Strukturierung *****/
.Zwischenueberschrift1
{
font-variant: small-caps;
font-size: 26px;
line-height: 1.2;
font-weight: bold;
color: #0a69a0;
margin-top: 5px;
margin-bottom: 10px;
/*border-top: 1px solid #333333;*/
}
.Zwischenueberschrift2
{
font-size: 26px;
line-height: 1.1;
font-weight: bold;
color: #0a69a0;
margin-top: 0px;
margin-bottom: 3px;
}
div.marginalie
{
position: relative;
float: left;
margin-left: -160px;
margin-right: 20px;
padding-right: -20px;
font-family: 'StandardFont';
font-size: 17px;
line-height: 1.75;
font-weight: bold;
width: 100px;
margin-top: 0px;
margin-left: -160px;
max-width: 100px;
}
div.Marginalie_Ueber {}
p.Marginalie_Ueber
{
font-size: 19px;
letter-spacing: 0.05em;
line-height: 1.15;
font-weight: bold;
color: #0a69a0;
margin-top: 35px;
margin-bottom: 10px;
margin-left: -160px;
padding-top: 2px;
padding-bottom: 0px;
border-top: 2px solid #0a69a0;
}
/* Gruppe und Untergruppe ****/
div.Gruppe {
margin-left: -480px;
margin-right: -200px;
/*background-image: url(gruppe_bg.png); */
background-position: right;
background-repeat: y-repeat;
}
p.Gruppe
{
font-family:'StandardFont';
text-transform: uppercase;
font-size: 28px; /* STEU*/
letter-spacing: 0.075em;
line-height: 1;
font-weight: normal;
color: #333333;
margin-top: 35px;
margin-bottom: 10px;
margin-left: 480px; /* STEU*/
padding-top: 6px;
padding-bottom: 6px;
border-top: 0px solid #333333;
}
p.Gruppe_Top
{
font-family: 'Open Sans';
text-transform: uppercase;
font-size: 28px; /* STEU*/
letter-spacing: 0.075em;
line-height: 1;
font-weight: normal;
color: #333333; /* STEU*/
margin-top: 0px;
margin-bottom: 10px;
margin-left: 480px; /* STEU*/
padding-top: 6px;
padding-bottom: 6px;
border-top: 0px solid #333333;
}
div.Untergruppe {}
p.Untergruppe
{
font-size: 17px;
letter-spacing: 0.05em;
line-height: 1;
font-weight: bold;
color: #333333;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: -160px;
margin-top: 12px;
margin-bottom: 5px;
border-top: 1px solid #333333;
}
p.Feld
{
font-size: 17px;
letter-spacing: 0.04em;
line-height: 1;
font-weight: bold;
font-style: italic;
color: #575757;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 12px;
margin-bottom: 5px;
background-image: url('Feld_HG.png');
background-repeat: no-repeat;
}
p.Feld_nach_Gruppe
{
font-size: 17px;
letter-spacing: 0.04em;
line-height: 1;
font-style: italic;
color: #575757;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 12px;
margin-bottom: 5px;
background-image: url(Feld_HG.png);
background-repeat: no-repeat;
}
p.Hinweis
{
font-size: 18px;
letter-spacing: 0.01em;
color: #787878;
line-height: 1.5;
margin-top: 0px;
padding: 3px;
margin-bottom: 10px;
background-color: #F7F7F7;
border: 1px solid #EFEFEF;
}
p.Hinweis_Standardeinzug_1
{
font-size: 18px;
letter-spacing: 0.01em;
color: #787878;
line-height: 1.5;
margin-top: 0px;
padding: 3px;
margin-bottom: 10px;
margin-left: 35px;
background-color: #F7F7F7;
border: 1px solid #EFEFEF;
}
/* Summary */
/*** (moderner -Aufklappbereich, funktioniert mit allen Browsern ausser dem IE, bei dem erscheint das fix aufgeklappt! ***/
/* "summary" formatiert Hintergrund, Position, Hoehe und Mauszeiger der Titelzeile.*/
/* Abweichendes Aussehen des ersten Aufklappbereichs muss hart im Code notiert werden. */
/* Wird seit 2022 fuer die Aufklappelemente im SubTree verwendet, deshalb Klasse summarySmall fuer Content neu eingefuehrt! */
summary
{
display: block;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 35px;
text-indent: 0px;
cursor: pointer;
margin-top: 20px; /* NEU Abstand zwischen zwei 'details'*/
}
/* NEU */
.summarySmall
{
position: relative;
background-image: url('Summary.png');
padding-top: 10px;
padding-bottom: 6px;
padding-left: 50px;
text-indent: 0px;
cursor: pointer;
margin-top: 20px; /* NEU Abstand zwischen zwei 'details'*/
margin-left: 0px;
}
.summarySmall:hover
{
background-image: url('Summary_Hover.png');
}
.summarySmall::after
{
display:none
}
.summarySmall::before
{
content: url("arrow_down.png");
position: absolute;
left: 10px;
padding-right: 20px;
}
details[open] summary.summarySmall::before
{
content: url("arrow_up.png");
left: 10px;
}
/* "summary::marker" formatiert den Standard-Dreieckspfeil fuer Firefox */
summary::marker
{
color: transparent;
}
/* "summary::-webkit-details-marker" formatiert den Standard-Dreieckspfeil fuer alle anderen Browser */
summary::-webkit-details-marker
{
color: transparent;
margin-right: 10px;
font-size: 20px;
}
summary:hover
{
/* background-image: url('Summary_Hover.png'); */
}
/* ".summary_ticket () formatiert z.B. eine Releasenotes-Ticketnr. rechtsbuendig. */
.summary_ticket
{
font-weight: normal;
line-height: 1.2;
float: left;
left: 0px;
max-width: 30px;
}
/* ".summary" () sorgt fuer die Textauszeichnung in der Titelzeile */ /* NEU*/
.summary
{
/*font-family: 'Open Sans';
text-transform: uppercase;*/
position: relative;
font-size: 20px;
line-height: 1.2;
font-weight: normal;
color: #3c3c3c;
padding-left: 0px;
padding-right: 40px;
}
.summarySmallText
{
/*font-family: 'Open Sans';
text-transform: uppercase;*/
position: relative;
font-size: 20px;
line-height: 1.2;
font-weight: normal;
color: #575757;
padding-left: 0px;
padding-right: 40px;
}
/* Releasenote Ueberschriften */
.Release_Ueberschrift
{
font-family: 'Open Sans';
text-transform: uppercase;
font-size: 28px; /* STEU*/
letter-spacing: 0.075em;
line-height: 1;
font-weight: normal;
color: #575757; /* STEU*/
margin-top: 35px;
margin-bottom: 10px;
margin-left: -140px;
}
/* Aufzaehlungsformate und Einzuege */
/* Unnummerierte Aufzaehlungen */
li.level0.noWrapWidth::marker
{color: transparent !important}
ul.Aufz1
{
list-style-image: url('Aufz1.png');
margin-left: -22px;
}
.Aufz1 li p
{
padding-left: 15px;
}
ul.Aufz2
{
list-style-image: url('Aufz2.png');
margin-left: -22px;
}
.Aufz2 li p
{
padding-left: 15px;
}
ul.Aufz3
{
list-style-image: url('Aufz3.png');
margin-left: -22px;
}
.Aufz3 li p
{
padding-left: 15px;
}
ul.Aufz1_Einzug2
{
list-style-image: url('Aufz1.png');
margin-left: 10px;
}
.Aufz1_Einzug2 li p
{
padding-left: 6px;
}
ul.Aufz2_Einzug2
{
list-style-image: url('Aufz2.png');
margin-left: 10px;
}
.Aufz2_Einzug2 li p
{
padding-left: 6px;
}
ul.Aufz3_Einzug2
{
list-style-image: url('Aufz3.png');
margin-left: 10px;
}
.Aufz3_Einzug2 li p
{
padding-left: 7px;
}
/* Nummerierte Aufzaehlungen */
#mainContent .Num
{
font-size: 20px;
margin-left: -17px;
margin-bottom: -3px;
}
#mainContent ol li
{
list-style-type: decimal;
padding-left: 0px;
}
#mainContent ol li p
{
margin-left: 10px;
}
::marker /* Farbe fuer nummerierte Aufzaehlungen, dort die Nummer */
{
color: #333333;
}
/* Standardeinzuege */
p.Einzug1
{
margin-left: 33px;
margin-top: 8px;
margin-bottom: 5px;
}
p.Einzug2
{
margin-left: 56px;
margin-top: 8px;
margin-bottom: 10px;
}
/* Grafikformate */
/* Grafiken mit Einzuegen und Bildbeschriftungen */
div.Grafik
{
position: relative;
font-size: 12px;
color: #333333;
width: auto;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
}
div.Grafik img
{
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
color: #333333;
}
div.GrafikEinzug1
{
position: relative;
font-size: 12px;
color: #333333;
width: auto;
margin-left: 35px;
margin-top: 0px;
margin-bottom: 15px;
}
div.GrafikEinzug1 img
{
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
color: #333333;
}
div.GrafikEinzug2
{
position: relative;
font-size: 12px;
color: #333333;
width: auto;
margin-left: 46px;
margin-top: 0px;
margin-bottom: 15px;
}
div.GrafikEinzug2 img
{
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
color: #333333;
}
/* Fuer ImageMapping Responsive Design **/
img[usemap]
{
height: auto;
max-width: 100%;
width: auto;
}
#mainContent img
{
min-height: 8px;
min-width: 10px;
height: auto;
max-width: 100%;
width: auto;
border: none;
padding: 3px;
}
/* Aufklapp-Elemente **********/
/* Aufklappen: Grafik ***/
div.expara
{
margin-left: 0px;
padding-top: 5px;
font-size: 12px;
color: #cccccc;
}
div.expara img
{
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
color: #000000;
}
div.expara .highslide
{
position: relative;
top: -5px;
}
div.aufzaehlung1_OH8 .expara .highslide
{
position: relative;
top: 24px;
}
div.aufzaehlung2_OH8 .expara .highslide
{
position: relative;
top: 24px;
}
/* Aufklappen: Bereich ***/
/* div.exparaAuf formatiert den aufgeklappten Bereich */
/* #AufklappBereich formatiert den Aufklapp-Link */
div.exparaAuf
{
height: auto;
margin-left: 28px;
margin-bottom: 0px;
margin-top: 0px;
background-color: transparent;
}
#AufklappBereich
{
margin-bottom: 18px;
background-color: #FFFFFF;
}
#AufklappBereich img
{
padding-right: 8px;
padding-bottom: 3px;
}
a.Aufklappen
{
font-size: 17px;
font-weight: normal;
}
a.Aufklappen:link
{
color: #007aab;
text-decoration: none;
}
a.Aufklappen:active
{
color: #007aab;
text-decoration: none;
}
a.Aufklappen:visited
{
color: #007aab;
text-decoration: none;
}
a.Aufklappen:hover
{
color: #007aab;
text-decoration: underline;
}
/* Aufklappen: Inline */
/* span.expara formatiert aufklappbare Texteinschuebe */
span.expara
{
background-color: #E1E1E1;
}
/* a.AufklappenInline */
/* { */
/* font-size: 17px; */
/* font-weight: normal; */
/* } */
a.AufklappenInline:link
{
color: #007aab;
text-decoration: none;
}
a.AufklappenInline:active
{
color: #007aab;
text-decoration: none;
}
a.AufklappenInline:visited
{
color: #007aab;
text-decoration: none;
}
a.AufklappenInline:hover
{
color: #007aab;
text-decoration: underline;
}
/* Navigationselemente fuer Verteilerseiten */
.Wasserzeichen /* Hintergrundbilder auf Startseiten. Der DIV-Bereich wird in den entsprechenden Topics manuell definiert */
{
position: relative;
background-color: #FFFFFF;
margin-top: -20px;
padding-top: 20px;
margin-left: -400px;
padding-left: 400px;
margin-right: -400px;
padding-right: 400px;
height: 1500px;
background-image: url(Schraffur.png), url(Dot_Pattern.png);
background-position: top 0px left 0px , top 550px right 100px;
background-attachment: scroll;
background-repeat:no-repeat;
}
.Home_Verteiler /* Home Zurueck auf Verteilerseite */
{
background-color: #FFFFFF;
top: 200px;
right: 25%;
position: fixed;
z-index: 200 !important;
}
.VerteilerTooltipp
{
position: relative;
display: inline-block;
z-index: 200 !important;
/*border-bottom: 1px dotted #000000;*/
}
.VerteilerTooltipp .VerteilerTooltippText
{
visibility: hidden;
width: 200px;
background-color: rgb(227,227,227,0.90);
color: #000000;
text-align: center;
border-radius: 3px;
padding: 5px 0;
z-index: 200 !important;
/* Position the tooltip */
position: absolute;
/*top: 65px;
right: -68px;*/
z-index: 1;
margin-left: -248px;
margin-top: 0px;
}
.VerteilerTooltipp:hover .VerteilerTooltippText
{
visibility: visible;
z-index: 200 !important;
}
.Home_Seite /* Zum Seitenanfang */
{
position: fixed;
background-color: #FFFFFF;
top: 250px;
right: 25%;
z-index: 200 !important;
}
.SeitenanfangTooltipp
{
position: relative;
display: inline-block;
/*border-bottom: 1px dotted black;*/
z-index: 200 !important;
}
.SeitenanfangTooltipp .SeitenanfangTooltippText
{
visibility: hidden;
width: 200px;
background-color: #3c3c3c;
color: #FFFFFF;
text-align: center;
border-radius: 3px;
padding: 5px 0;
z-index: 200 !important;
/* Position the tooltip */
position: absolute;
/*top: 65px;
right: -68px;
z-index: 1;*/
margin-left: -248px;
margin-top: 0px;
}
.SeitenanfangTooltipp:hover .SeitenanfangTooltippText
{
visibility: visible;
}
.VideoTooltipp
{
position: relative;
display: inline-block;
/*border-bottom: 1px dotted black;*/
}
.VideoTooltipp .VideoTooltippText
{
font-family: 'StandardFont';
letter-spacing: 0.01em;
visibility: hidden;
width: 500px;
background-color: #4e4e4e;
background-color: #f2b653;
color: #000000;
text-align: left;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 2;
left: 50px;
margin-top: 30px;
font-size: 18px;
padding: 15px;
line-height: 1.3;
}
.VideoTooltipp:hover .VideoTooltippText
{
visibility: visible;
}
/* BreadCrumb*/
/* Brotkruemelnavigation */
.BreadCrumb
{
top: 120px;
left: 102px;
position: fixed;
font-size: 16px;
z-index: 200;
line-height: 1.2;
}
.BreadCrumb a
{
color: #007aab
}
.BreadCrumb a:hover
{
color: #007aab !important
}
/* Grid */
.grid_container /* Aktuell haben wir eine Container-Variante definiert. 300 px ist die Mindestgroeße eines Grid-Elements. Zwei Grid-Elemente in einem Container bedeutet z.B.: 2 Spalten. */
{
display:inline-grid;
grid-template-columns: 75% 25%;
grid-gap: 0px;
width: 100%;
overflow-y: hidden;
z-index: 21;
/* margin-left: -150px; */
/* margin-right: -100px; */
/* margin-top: 50px; */
}
.grid_container_navi /* Aktuell haben wir eine Container-Variante definiert. 300 px ist die Mindestgr??e eines Grid-Elements. Zwei Grid-Elemente in einem Container bedeutet z.B.: 2 Spalten. */
{
display:inline-grid;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) );
grid-gap: 25px;
width: 100%;
overflow-y: hidden;
z-index: 21;
/* margin-left: -150px; */
/* margin-right: -100px; */
/* margin-top: 50px; */
}
.grid_container_navi_Startseite
{
display: inline-grid;
grid-template-columns: 45% 45%;
grid-gap: 10%;
width: 100%;
overflow-y: hidden;
z-index: 21;
margin-top: 30px;
text-align: center;
}
/* Formate fuer die Darstellung der Grid-Elemente */
.grid_container img /* Defintion fuer die Verwendung von Bildern, die im Word-Dokument in ein Grid-Element eingebaut werden. Durch die feste Bildhoehe bleiben Bilder damit in 'ihrer' Zelle */
{
/* max-height:350px !important; */
}
.grid_element_Screen /* Definiert ein Grid-Element, in dem ein Bild (z.B. mit Higslide-Effekt) eingefuegt wurde. Verwendbar z.B. fuer Feldbeschreibungen */
{
background-color: #FFFFFF;
text-align:left;
padding:20px;
height: 400px;
box-shadow: #E1E1E1;
}
.grid_element_Text /* Definiert ein Grid-Element, in dem normaler Text mit entsprechender Word-Formatuierung eingefuegt wurde. Verwendbar z.B. fuer Schritt-fuer-Schritt-Anleitungen */
{
background-color: #FFFFFF;
text-align:left;
margin-top: -10px;
padding:20px;
/* box-shadow: #E1E1E1; */
overflow-y: hidden;
/* Definiert eine Maximalhoehe des Grid-Elements, wenn weniger Inhalt, dann wird die Box kleiner dargestellt. Es gibt keinen toten Raum */
/* min-height: 200px; */
/* max-height: 400px; */
}
.grid_element_Text_main
{
background-color: transparent;
text-align:left;
margin-top: 10px;
margin-bottom: 0px;
margin-right: 0px;
/* width: 100%; */
scrollbar-color: white #007aab;
box-shadow: #E1E1E1;
}
.grid_container::-webkit-scrollbar-track /* Definiert die Scrollbar fuer grid_element-text */
{
background-color: #ffffff;
box-shadow: inset 0 0 5px transparent;
border-radius: 0px;
}
.grid_container::-webkit-scrollbar-thumb
{
background: #ffFFFF;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
}
.grid_container::-webkit-scrollbar-thumb:hover
{
background: #ffffff;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 5px transparent;
border-radius: 0px;
}
.grid_element_Hintergrundbild1 /* Startseite Uebersicht*/
{
background-image: url(Icon_Uebersicht.png), url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 600px;
max-width: 748px;
}
.grid_element_Hintergrundbild2 /* Startseite Bedienerhilfe */
{
background-image: url(Icon_Weltkugel.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 750px;
max-width: 748px;
}
.grid_element_Hintergrundbild3 /* Startseite Schnelleinstiege */
{
background-image: url(Icon_Buch.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 650px;
max-width: 748px;
}
.grid_element_Hintergrundbild4 /* Startseite Handbuecher */
{
background-image: url(Icon_PDF.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 650px;
max-width: 748px;
}
.grid_element_Hintergrundbild4a /* Startseite Features */
{
background-image: url(Icon_PDF.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px , top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 650px;
max-width: 748px;
}
.grid_element_Hintergrundbild5 /* Startseite FAQs */
{
background-image: url(Icon_Sprechblase.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 650px;
max-width: 748px;
}
.grid_element_Hintergrundbild6 /* Startseite Videos */
{
background-image: url(icon_film.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 610px;
max-width: 748px;
}
.grid_element_Hintergrundbild7 /* Startseite Know-How Box */
{
background-image: url(Icon_KnowHow.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 650px;
max-width: 748px;
}
.grid_element_Hintergrundbild8 /* Startseite Basiswissen */
{
background-image: url(Icon_Basiswissen.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 650px;
max-width: 748px;
}
.grid_element_Hintergrundbild9 /* Startseite Gewusse Wie */
{
background-image: url(Icon_Werkzeug.png) , url(Hintergrundbild1.jpg);
background-position: top 20px right 20px, top 0px left 0px;
background-repeat: no-repeat;
text-align:left;
padding:20px;
padding-top: 90px;
border-width: 2px;
height: 650px;
max-width: 748px;
}
.grid_element_Farbblock_oben /* Grid-Element mit Farbblock oben. Passend dazu das Format 'Grid_Head_Top_Invers' fuer die inverse UEberschrift im Farbbereich */
{
background-image: url(Icon_Uebersicht.png) , url(Farbe.png);
background-repeat: no-repeat;
background-position: top 10px right 20px , top 0px left 0px;
background-color: #F3F3F3;
text-align:left;
padding:20px;
}
/* ##### Spezial-Formate fuer Grids ##### */
.Ueberschrift_Content /* Große UEberschrift im Content-Bereich von Startseiten direkt unterhalb des Navigationsblocks */
{
text-align: center;
font-size: 45px;
font-style: normal;
letter-spacing: 0.04em;
line-height: 1;
font-weight: normal;
margin-left: -120px;
margin-top: 60px;
padding-left: 0px;
padding-bottom: 2px;
color: #FFFFFF
}
.Ueberschrift_Container /* UEberschrift im Content-Bereich vor Grid-Container, z.B. 'Feldbeschreibungen', 'So wird's gemacht ' Sind markanter als UEberschriften vom Format Gruppe */
{
font-family: 'Open Sans';
text-transform: uppercase;
letter-spacing: 0.075em;
font-size: 30px;
color: #FFFFFF;
font-style: normal;
line-height: 1.2;
margin-left: -130px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
background-color: #3c3c3c;
margin-right: -100px;
margin-bottom: -20px;
}
.Grid_Head_Top_Invers /* UEberschrift eines Grid-Elements mit Farbhintergrund und inverser Schriftfarbe. Verwendbar auf Startseiten. Aktuell nicht verwendet */
{
font-family: 'Open Sans';
text-transform: uppercase;
font-size: 28px; /* STEU*/
letter-spacing: 0.075em;
line-height: 1;
font-style: normal;
color: #FFFFFF;
margin-top: -5px;
margin-bottom: 30px;
padding-bottom: 6px;
}
.Grid_Head_Content /* UEberschrift innerhalb eines Grid-Elements. */
{
font-family: 'Open Sans';
text-transform: uppercase;
font-size: 28px; /* STEU*/
letter-spacing: 0.075em;
line-height: 1;
font-style: normal;
color: #575757; /* STEU*/
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 6px;
padding-top: 10px; /*NEU*/
}
.Grid_List_Invers1 /* Aufzaehlung im Grid-Element ohne Bullet mit Farbhintergrund und inverser Schriftfarbe. Verwendet auf Startseite */
{
font-family: 'Open Sans';
letter-spacing: 0.3em;
font-size: 35px;
line-height: 1.4;
font-style: normal;
color: #FFFFFF;
margin-top: 20px;
padding-left: 20px;
padding-bottom: 2px;
margin-left: -0px;
margin-bottom: 30px;
border-top: 1px solid #FFFFFF;
background-image: url(Farbe.png);
max-width: 1000px;
}
.Grid_List_Invers1 a:link /* LInk-Auszeichnung fuer Aufzaehlungen im Grid-Bullet mit Hiintergrundfarbe */
{
color: #FFFFFF;
}
.Grid_List_Invers1 a:visited
{
color: #FFFFFF;
}
.Grid_List_Invers1 a:hover
{
color: #007aab;
text-decoration: none;
/*text-decoration: underline #b8b8b8;*/
}
.Grid_List_Invers2 /* Aufzaehlung im Grid-Element ohne Bullet mit Farbhintergrund und inverser Schriftfarbe. Verwendet auf Startseite */
{
font-family: 'Open Sans';
letter-spacing: 0.3em;
font-size: 25px;
line-height: 1.6;
font-style: normal;
color: #FFFFFF;
margin-top: 20px;
padding-left: 20px;
padding-bottom: 2px;
margin-left: -0px;
margin-bottom: 20px;
border-top: 1px solid #FFFFFF;
background-image: url(Farbe.png); /* noch ersetzen durch Farbangabe */
max-width: 1000px;
}
.Grid_List_Invers2 a:link /* LInk-Auszeichnung fuer Aufzaehlungen im Grid-Bullet mit Hintergrundfarbe */
{
color: #FFFFFF;
}
.Grid_List_Invers2 a:visited
{
color: #FFFFFF;
}
.Grid_List_Invers2 a:hover
{
color: #007aab;
text-decoration: none;
/*text-decoration: underline #b8b8b8;*/
}
ul.Grid_List_Bullet1 /* Aufzaehlungen im Grid-Element - groeßeres Bullet und groeßere Schrift als Aufz2. Verwendet auf Startseite */
{
list-style-image: url('Grid_List_Bullet1.png');
margin-left: -10px;
}
.Grid_List_Bullet1 li p {
padding-left: 0px;
margin-left: 25px;
font-size: 23px;
padding-bottom: 4px;
padding-top: 4px;
}
.Grid_List_Bullet1 a:link /* Linkauszeichnung fuer Aufzaehlungen im Grid */
{
color: #3c3c3c;
}
.Grid_List_Bullet1 a:visited
{
color: #3c3c3c;
}
.Grid_List_Bullet1 a:hover
{
text-decoration: underline #b8b8b8;
}
.Marginalie_Float /* Darstellung von Icons in Grids z.B. in Hinweisen. Passend zum Word-Format Marginalie-Float */
{
float: left;
/*height:30px;*/
margin-right: 20px;
}
/* Spezialstyles fuer mehrspaltige Abschnitte */
/*Mehrspaltig*/
p.HinweisHanging
{
font-size: 17px;
letter-spacing: 0.01em;
color: #3c3c3c;
line-height: 1.4;
margin-top: 0px;
padding: 5px;
/*border: 1px solid #EFEFEF;*/
background-color: #E1E1E1;
margin-bottom: 15px;
text-indent: -30px;
margin: 0 0 0 30px;
padding: 0;
padding: 0px;
}
.SpaltenWechsel
{
break-before: column;
height: 0px;
margin: 0;
}
/* Einfache Mehrspaltigkeit Standard 3 Spalten mit Box Shadow */
div.Mehrspaltig2
{
column-count: 2;
column-gap: 6em;
column-width: 270px;
hyphens:auto;
column-fill: balance;
padding: 5px;
box-shadow: 2px 2px 2px #E1E1E1;
}
div.Mehrspaltig
{
column-count: 3;
column-gap: 6em;
column-width: 270px;
hyphens:auto;
column-fill: balance;
padding: 5px;
box-shadow: 2px 2px 2px #E1E1E1;
}
div.Mehrspaltig_Color
/*Spalten sind grau hinterlegt*/
{
column-count: 3;
column-gap: 6em;
background-color: #F7F7F8;
column-rule: solid 2px #FFFFFF;
column-width: 270px;
hyphens:auto;
column-fill: balance;
padding: 5px;
box-shadow: 2px 2px 2px #E1E1E1;
}
div.NurMarkierungGruppe
/* nur Box-Shadow fuer die folgenden Untergruppen */
{
padding: 5px;
box-shadow: 2px 2px 2px #E1E1E1;
}
div.Mehrspaltig_Sub_Gruppe
/* ohne Box-Shadow (z.B. 2 Spalten in einer Tabellenspalte */
{
column-count: 2;
column-gap: 6em;
column-width: 270px;
hyphens:auto;
column-fill: balance;
}
/* Mehrspaltigkeit mit Grids Containern. Jeder Container hat eigene UEberschrift */
/* Grid mit drei Spalten - Erste und zweite Spalte jeweils 1/4, Dritte Spalte 2/4, alle Spalten dynamisch. */
div.Raster_1_1
{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.Raster_1_1_item1
{
grid-column: 1 / 2;
}
.Raster_1_1_item2
{
grid-column: 2/ 3;
}
div.Raster_1_2
{
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 30px;
}
.Raster_1_2_item1
{
grid-column: 1 / 2;
}
.Raster_1_2_item2
{
grid-column: 2/ 3;
}
div.Raster_2_1
{
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
}
.Raster_2_1_item1
{
grid-column: 1 / 2;
}
.Raster_2_1_item2
{
grid-column: 2/ 3;
}
div.Raster_1_1_2
{
display: grid;
grid-template-columns: 1fr 1fr 2fr;
grid-gap: 30px;
}
.Raster_1_1_2_item1
{
grid-column: 1 / 2;
/*background-color: #E1E1E1;*/
}
.Raster_1_1_2_item2
{
grid-column: 2/ 3;
/*background-color: #E1E1E1;*/
}
.Raster_1_1_2_item3
{
grid-column: 3/ 4;
/*background-color: #E1E1E1;*/
}
/* Grid mit drei Spalten - Erste Spalte 2/4, zweite und dritte Spalte jeweils 1/4, alle Spalten dynamisch */
div.Raster_2_1_1
{
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-gap: 30px;
}
.Raster_2_1_1_item1
{
grid-column: 1 / 2;
/*background-color: #E1E1E1;*/
}
.Raster_2_1_1_item2
{
grid-column: 2/ 3;
/*background-color: #E1E1E1;*/
}
.Raster_2_1_1_item3
{
grid-column: 3/ 4;
/*background-color: #E1E1E1;*/
}
/* Grid mit Containern: Zwei Spalten. Erste Spalte jeweils eine Zelle in einer Reihe, Zweite Spalte geht ueber zwei Reihen */
div.Raster_1a_1_1b
{
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 30px;
}
div.Raster_1a_1_1b_item1
{
grid-column: 1 / 2;
grid-rows: 1 / 2;
}
div.Raster_1a_1_1b_item2
{
grid-column: 2 / 3;
grid-rows: 1 / 3;
max-height: 100px;
}
div.Raster_1a_1_1b_item3
{
grid-column: 1 / 2;
grid-rows: 2 / 3;
}
/* Grid mit Containern: Zwei Spalten jeweils zwei Reihen fuer Bild (groß) und Text (klein) */
div.Raster_1_1a_2_2a
{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-column-gap: 10px;
grid-column-row: 10px;
}
div.Raster_1_1a_2_2a_item1
{
grid-column: 1 / 2;
grid-row: 1 / 2;
background-color: #F7F7F8;
display: flex;
justify-content: center;
align-items: center;
}
div.Raster_1_1a_2_2a_item1 img
{
max-height: 500px;
}
div.Raster_1_1a_2_2a_item2
{
grid-column: 1 / 2;
grid-row: 2 / 3;
}
div.Raster_1_1a_2_2a_item3
{
grid-column: 2 / 3;
grid-row: 1 / 2;
background-color: #F7F7F8;
display: flex;
justify-content: center;
align-items: center;
}
div.Raster_1_1a_2_2a_item3 img
{
max-height: 500px;
}
div.Raster_1_1a_2_2a_item4
{
grid-column: 2 / 3;
grid-row: 2 / 3;
}
/* Raster fuer Slides in Splide Slideshows*/
div.Raster_Slides
{
margin-left: 150px;
margin-right: 150px;
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
background-color: #E1E1E1;
overflow-y: scroll;
}
div.Raster_Slides_item1
{
padding-left:10px;
margin-top: 20px;
grid-column: 1 / 2;
color: white;
height: 550px;
}
div.Raster_Slides_item1 img
{
max-height: 500px;
}
div.Raster_Slides_item1 p
{
text-align: left;
padding-left: 30px;
}
div.Raster_Slides_item2
{
margin-top: 20px;
grid-column: 2/ 3;
height: 550px;
color: white;
text-align:left;
}
/*Neues fuer Startseiten, HF 12.04.2021*/
div.MehrspaltigStart
{
column-count: 3;
column-gap: 6em;
column-width: 270px;
hyphens:auto;
column-fill: balance;
padding: 5px;
background-color: #FFFFFF;
}
#StartseiteBack /*Kasten um die Linkliste herum, um ggf. farbig absetzen zu koennen*/
{
padding: 20px;
margin-left: -140px;
margin-right: 50px;
background-color: #E1E1E1;
}
a.Startseite:link :visited
{
color: #003F88
}
a.Startseite:hover
{
color: #007aab;
}
/* Glossar */
a.Glossar
{
font-size: 17px;
font-weight: normal;
}
a.Glossar:link
{
color: #E7DCD4;
text-decoration: none;
}
a.Glossar:active
{
color: #E7DCD4;
text-decoration: none;
}
a.Glossar:visited
{
color: #E7DCD4;
text-decoration: none;
}
a.Glossar:hover
{
color: #333333;
text-decoration: underline;
}
/* Scrollbars individuell (funktioniert nicht im Firefox und IE) */
::-webkit-scrollbar /* dieses Element auszukommentieren genuegt, um die indiv. Scrollbars komplett abzuschalten */
{
width: 6px;
height: 6px;
}
/* Track */
/* ::-webkit-scrollbar-track
{
background: #96BBFF;
} */
.kopf::-webkit-scrollbar-track
{
background: #E5E8EE;
/* box-shadow: inset 0 0 5px transparent; */ /* pruefen auf Interaktion mit StyleMaster.css */
border-radius: 0px;
}
.spezial::-webkit-scrollbar-track
{
background: #e1e1e1;
/* background-repeat: repeat-x; */
box-shadow: inset 0 0 5px transparent;
border-radius: 0px;
}
#mainContent::-webkit-scrollbar-track
{
background-color: #007aab;
box-shadow: inset 0 0 5px transparent;
border-radius: 0px;
}
.mainRight::-webkit-scrollbar-track
{
background-color: #ffffff;
box-shadow: inset 0 0 5px transparent;
border-radius: 0px;
}
#tipue_search_content ::-webkit-scrollbar-track
{
background-color: #1a1a1a;
}
/* Handle */
.kopf::-webkit-scrollbar-thumb
{
background: #cc0000;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
}
.spezial::-webkit-scrollbar-thumb
{
background: #663857;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 5px transparent;
border-radius: 0px;
}
#mainContent::-webkit-scrollbar-thumb
{
background: #bbbbbb;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 2px;
}
.mainRight::-webkit-scrollbar-thumb
{
background: #ffffff;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 2px;
}
#tipue_search_content ::-webkit-scrollbar-thumb
{
background: #e1e1e1;
border: 0px solid transparent;
background-clip: padding-box;
}
#tipue_search_content_idx ::-webkit-scrollbar-thumb
{
/* background: #e1e1e1; */
border: 0px solid transparent;
background-clip: padding-box;
}
/* Handle on hover */
#mainContent::-webkit-scrollbar-thumb:hover
{
background: #ffffff;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
}
.mainRight::-webkit-scrollbar-thumb:hover
{
background: #007aab;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
}
.kopf::-webkit-scrollbar-thumb:hover
{
background: #DB3857;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
}
.spezial::-webkit-scrollbar-thumb:hover
{
background: #DB3857;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
}
#tipue_search_content ::-webkit-scrollbar-thumb:hover
{
background: #f5f5f5;
border: 3px solid transparent;
background-clip: padding-box;
}
#tipue_search_content_idx ::-webkit-scrollbar-thumb:hover
{
background: #f5f5f5;
border: 3px solid transparent;
background-clip: padding-box;
}
div#rightSearchResults ::-webkit-scrollbar-thumb {
background-color: #e1e1e1;
}
div#rightSearchResults ::-webkit-scrollbar-thumb:hover {
background-color: #cccccc;
}
::-webkit-scrollbar-thumb {
background: #e1e1e1;
}
/* Link-Formatierungen */
/* Grundzustand */
a:link
{
color: #007aab;
text-decoration: none;
}
a.kopf:link
{
color: #FFFFFF;
text-decoration: none;
}
a.spezial:link
{
color: #333333;
text-decoration: none;
}
a.spezialaktiv:link
{
color: #007aab;
text-decoration: none;
}
/* Aktiver Link */
a:active
{
color: #007aab;
text-decoration: none;
}
a.kopf:active
{
color: #333333;
text-decoration: none;
}
a.kopfaktiv:active
{
color: #333333;
text-decoration: none;
}
a.spezial:active
{
color: #333333;
text-decoration: none;
}
a.spezialaktiv:active
{
color: #007aab;
text-decoration: none;
}
/* Besuchter Link */
a:visited
{
color: #007aab;
text-decoration: none;
}
a.kopf:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.kopfaktiv:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.spezial:visited
{
color: #333333;
text-decoration: none;
}
a.spezialaktiv:visited
{
color: #FFFFFF;
text-decoration: none;
}
/* Mouseover Link */
a:hover
{
color: #007aab;
text-decoration: underline;
}
a.kopf:hover
{
color: #FFFFFF;
text-decoration: none;
}
a.kopfaktiv:hover
{
color: #FFFFFF;
text-decoration: none;
}
a.spezial:hover
{
color: #007aab;
text-decoration: none;
}
/* a.spezialaktiv:hover
{
color: #007aab;
text-decoration: none;
} */
/* Highlighted Links, aus sidebar.css */
a.highlighted
{
background-color: transparent;
}
a.highlighted:visited
{
background-color: transparent;
}
/* Sonder-Elemente */
@media(min-width: 992px)
{
#zeigeLink
{
display: none;
}
}
@media (max-width: 991px)
{
#myFrame
{
display: none;
margin-bottom: 0px;
}
}
#myFrame
{
width: 90%;
margin-bottom: 50px;
}
div.Aufklappen
{
position: absolute;
font-size: 14px;
line-height: 1.3;
font-weight: bold;
width: 100px;
margin-left: -60px;
margin-top: 30px;
color: #003F88;
cursor: pointer;
}
[data-tooltip]
{
position: relative;
}
[data-tooltip]::after
{
content: attr(data-tooltip);
pointer-events: none;
opacity: 0;
transition: opacity 0.01s;
line-height: 1.67;
font-size: 12px;
display: block;
position: absolute;
top: 40px;
right: 100%;
right: 0px;
width: auto;
padding: 5px;
z-index: 300;
color: white;
background-color: #575757;
border-radius: 0.5em;
}
[data-tooltip]:hover::after
{
opacity: 1;
}
.summary_PH_Release_SmallText
{
display: block;
position: relative;
font-size: 20px;
line-height: 1.3;
font-weight: normal;
color: #575757;
left: 0px;
}
.summary_PH_Release_Ticket
{
display: block;
position: relative;
color: #3c3c3c;
font-size: 20px;
font-weight: normal;
line-height: 1.3;
float: left;
padding-left: 0px;
width: 80px;
}
.grid_container_WKI
{
display:grid;
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
grid-gap: 40px;
margin-top: 50px;
}
.grid_element_Farbblock_WKI
{
background-image: url(xxicon_uebersicht.png) , url(Farbe.png);
background-repeat: no-repeat;
background-position: top 10px right 20px , top -10px left 0px;
background-color:#F3F3F3;
text-align:left;
padding:15px;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
p.Ueberschrift_Grid_WKI
{
font-family: 'Open Sans';
text-transform: uppercase;
font-size: 24px; /* STEU*/
letter-spacing: 0.075em;
line-height: 26px;
font-style: normal;
color: #FFFFFF; /* STEU*/
text-align:center;
margin-top: -14px;
padding-bottom: 6px;
-moz-hyphens: auto;
-o-hyphens: auto;
grid_con-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
p.ManuelleIndizierung
{
display: none !important;
}
span.ARGE
{
position: relative;
float: right;
}
p.JA_Text
{
margin: 0 0 0 50px;
text-indent: -50px;
margin-bottom: 20px;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
/* Header */
#Header
{
position: absolute;
text-align: right;
right: 10px;
top: 2px;
border: 0px solid red;
padding: 2px;
background-color: transparent;
z-index: 1;
}
p.Header
{
font-size: 13px;
line-height: 1.1;
color: #000000;
}
#PrintButton
{
position: relative;
top: -18px;
width: 22px;
height: 0px;
left: 3px;
z-index: 1;
}
#PrintTitle
{
display: none;
}
/* Weitere Fenster */
/* Sec Win -> z. Zt. wie Hauptfenster *
div.headerSecWin
{
top: 0;
left: 0;
overflow: hidden;
padding-left: 110px;
vertical-align: top;
text-align: left;
position: absolute;
}
div.contentSecWin
{
left: 0;
top: 165px;
margin: 0;
position: absolute;
padding-left: 115px;
padding-right: 80px;
padding-bottom: 0px;
overflow: auto;
} */
/* DynPopUp und PopUp */
.H7 {
background-color: #FFFFFF;
margin: 0px;
overflow: auto;
z-index: 2000;
}
.H7 #mainContent{
padding-left: 10px;
padding-bottom: 10px;
background-color: white;
border: 2px solid #E1E1E1;
margin-top: -3px;
height: auto;
overflow: hidden;
}
div.PopUpHead
{
min-height: 30px;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 8px;
padding-left: 12px;
background-color: #007aab;
background-image: url(PopUpBack.png);
background-repeat: repeat-x;
}
div.PopUpHead p
{
font-size: 19px;
font-weight: normal;
letter-spacing: 0.01em;
color: #FFFFFF;
}
#PopUp
{
display: none;
position: absolute;
background-color: #3c3c3c;
border: 1px solid #3c3c3c;
z-index: 2000 !important;
}
div.headerPopUp
{
top: 4;
left: 0;
overflow: hidden;
padding-left: 20px;
vertical-align: top;
text-align: left;
position: absolute;
}
div.contentPopUp
{
left: 0;
top: 40px;
margin: 0;
position: absolute;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
overflow: auto;
}
/* DynPopUp und PopUp **********/
.H7 {
background-color: #FFFFFF;
margin: 0px;
overflow: auto;
}
.H7 #mainContent
{
padding-left: 80px;
padding-bottom: 10px;
background-color: white;
border: 0px solid #E1E1E1;
margin-top: -3px;
height: auto;
overflow: hidden;
}
.H7 .grid_element_Text_right
{display:none}
/* PopUps fuer Fußnoten */
#object1
{
visibility: visible;
position: absolute;
max-width: 400px;
background-color: #DEDEE7;
border: 0px solid black;
margin-left: 25px;
margin-top: -200px;
z-index: 1000;
}
#object1 p
{
font-size: 15px;
padding: 5px;
}
/* HighSlide */
.highslide-container div {
font-family: Verdana;
font-size: 17px;
}
.highslide-container table {
background: none;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid silver;
}
.highslide:hover img {
border-color: gray;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: gray;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.glossy-dark {
background: #111;
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: gray;
font-size: .9em;
}
.highslide-caption {
display: none;
font-size: 1em;
padding: 5px;
/*background: white;*/
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming {
position: absolute;
background: black;
}
a.highslide-full-expand {
background: url(graphics/fullexpand.png) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(graphics/loader.white.png);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move, .highslide-move * {
cursor: move;
}
.highslide-viewport {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: none;
left: 0;
top: 0;
}
.highslide-overlay {
display: none;
}
.hidden-container {
display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(graphics/close.png);
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
/*****************************************************************************/
/* Thumbnail boxes for the galleries. */
/* Remove these if you are not using a gallery. */
/*****************************************************************************/
.highslide-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.highslide-gallery ul li {
display: block;
position: relative;
float: left;
width: 106px;
height: 106px;
border: 1px solid silver;
background: #ededed;
margin: 2px;
line-height: 0;
overflow: hidden;
}
.highslide-gallery ul a {
position: absolute;
top: 50%;
left: 50%;
}
.highslide-gallery ul img {
position: relative;
top: -50%;
left: -50%;
}
html>/**/body .highslide-gallery ul li {
display: table;
text-align: center;
}
html>/**/body .highslide-gallery ul li {
text-align: center;
}
html>/**/body .highslide-gallery ul a {
position: static;
display: table-cell;
vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
position: static;
}
/*****************************************************************************/
/* Controls for the galleries. */
/* Remove these if you are not using a gallery */
/*****************************************************************************/
.highslide-controls {
width: 195px;
height: 40px;
background: url(graphics/controlbar-white.png) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(graphics/controlbar-white.png) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
margin:0;
list-style: none;
}
.highslide-controls a {
background-image: url(graphics/controlbar-white.png);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a.disabled span {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
cursor: pointer;
}
/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/*****************************************************************************/
/* Styles for the HTML popups */
/* Remove these if you are not using Highslide HTML */
/*****************************************************************************/
.highslide-maincontent {
display: none;
}
.highslide-html {
background-color: white;
}
.highslide-html-content {
display: none;
width: 400px;
padding: 0 5px 5px 5px;
}
.highslide-header {
padding-bottom: 5px;
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none;
}
.highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-header a:hover {
color: black;
}
/* Spezialanpassung Kopf iFrame mit Symbolen */
.highslide-header .highslide-move a {
cursor: move;
background-image: url(graphics/move.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
}
.highslide-header .highslide-move a span {
visibility: hidden;
width: 25px;
height: 25px;
display:inline-flex;
}
.highslide-header .highslide-close a {
background-image: url(graphics/close_X.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
}
.highslide-header .highslide-close a span {
visibility: hidden;
width: 25px;
height: 25px;
display:inline-flex;
}
/* Ende Spezialanpassung */
.highslide-footer {
height: 16px;
}
.highslide-footer .highslide-resize {
display: block;
float: right;
margin-top: 5px;
height: 11px;
width: 11px;
background: url(graphics/resize.png) no-repeat;
}
.highslide-footer .highslide-resize span {
display: none;
}
.highslide-body {
}
.highslide-resize {
cursor: nw-resize;
}
/*****************************************************************************/
/* Styles for the Individual wrapper class names. */
/* See www.highslide.com/ref/hs.wrapperClassName */
/* You can safely remove the class name themes you don't use */
/*****************************************************************************/
/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
position: absolute;
margin: 2px 0.4em;
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
display: none;
}
.draggable-header .highslide-header .highslide-close {
position: absolute;
right: 5px;
top: 0px;
z-index: 2;
padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
display: none;
}
.draggable-header .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
position: absolute;
margin: 1px 0.4em;
color: #666666;
}
.titlebar .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
display: none;
}
.titlebar .highslide-header li {
position: relative;
top: 3px;
z-index: 2;
padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
display: none;
}
/* hs.wrapperClassName = 'wide-border' */
.wide-border {
background: white;
}
.wide-border .highslide-image {
border-width: 10px;
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px;
}
/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
border: none;
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: #F1F1F1;
}
/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
background: #444;
}
.outer-glow .highslide-image {
border: 5px solid #444444;
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray;
}
/* hs.wrapperClassName = 'colored-border' */
.colored-border {
background: white;
}
.colored-border .highslide-image {
border: 2px solid green;
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none;
}
/* hs.wrapperClassName = 'dark' */
.dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
.dark .highslide-caption {
color: white;
background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url(graphics/controlbar-black-border.png);
}
/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold;
}
/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(graphics/icon.png) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none;
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none;
}
.controls-in-heading .highslide-controls li {
padding: 0;
}
.controls-in-heading .highslide-controls a {
background-image: url(graphics/controlbar-white-small.png);
height: 20px;
width: 20px;
}
.controls-in-heading .highslide-controls .highslide-move {
display: none;
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px;
}
/*****************************************************************************/
/* Styles for text based controls. */
/* You can safely remove this if you don't use text based controls */
/*****************************************************************************/
.text-controls .highslide-controls {
width: auto;
height: auto;
margin: 0;
text-align: center;
background: none;
}
.text-controls ul {
position: static;
background: none;
height: auto;
left: 0;
}
.text-controls .highslide-move {
display: none;
}
.text-controls li {
background-image: url(graphics/controlbar-text-buttons.png);
background-position: right top !important;
padding: 0;
margin-left: 15px;
display: block;
width: auto;
}
.text-controls a {
background: url(graphics/controlbar-text-buttons.png) no-repeat;
background-position: left top !important;
position: relative;
left: -10px;
display: block;
width: auto;
height: auto;
text-decoration: none !important;
}
.text-controls a span {
background: url(graphics/controlbar-text-buttons.png) no-repeat;
margin: 1px 2px 1px 10px;
display: block;
min-width: 4em;
height: 18px;
line-height: 1.5;
padding: 1px 0 1px 18px;
color: #333;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
}
.text-controls .highslide-next {
margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
min-width: 0;
margin: 1px 0;
padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
min-width: 0;
}
.text-controls a:hover span {
color: black;
}
.text-controls a.disabled span {
color: #999;
}
.text-controls .highslide-previous span {
background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
background-position: 0 -140px;
}
.text-controls .highslide-play span {
background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
background-position: 0 -160px;
}
.text-controls .highslide-pause span {
background-position: 0 -80px;
}
.text-controls .highslide-next span {
background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
background: none;
}
.text-controls .highslide-full-expand a.disabled {
background-position: left top !important;
}
.text-controls .highslide-close span {
background-position: 0 -120px;
}
/*****************************************************************************/
/* Styles for the thumbstrip. */
/* See www.highslide.com/ref/hs.addSlideshow */
/* You can safely remove this if you don't use a thumbstrip */
/*****************************************************************************/
.highslide-thumbstrip {
height: 100%;
}
.highslide-thumbstrip div {
overflow: hidden;
}
.highslide-thumbstrip table {
position: relative;
padding: 0;
border-collapse: collapse;
}
.highslide-thumbstrip td {
padding: 1px;
/*text-align: center;*/
}
.highslide-thumbstrip a {
outline: none;
}
.highslide-thumbstrip img {
display: block;
border: 1px solid gray;
margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
position: absolute;
width: 0;
height: 0;
border-width: 0;
border-style: solid;
border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
width: auto;
/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
display: none;
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
margin-bottom: 10px;
cursor: pointer;
background: url(graphics/scrollarrows.png) left center no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
display: none;
position: absolute;
top: 3px;
right: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
margin-bottom: 10px;
cursor: pointer;
background: url(graphics/scrollarrows.png) center right no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal table {
margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
width: auto;
height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
top: 47px;
border-left-width: 6px;
border-right-width: 6px;
border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical-overlay {
/*overflow: hidden !important;*/
}
.highslide-thumbstrip-vertical div {
height: 100%;
}
.highslide-thumbstrip-vertical a {
display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
margin-left: 10px;
cursor: pointer;
background: url(graphics/scrollarrows.png) top center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
margin-left: 10px;
cursor: pointer;
background: url(graphics/scrollarrows.png) bottom center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical table {
margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
left: 0;
margin-top: 8px;
border-top-width: 6px;
border-bottom-width: 6px;
border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
border-left-color: white;
}
.highslide-viewport .highslide-thumbstrip-float {
overflow: auto;
}
.highslide-thumbstrip-float ul {
margin: 2px 0;
padding: 0;
}
.highslide-thumbstrip-float li {
display: block;
height: 60px;
margin: 0 2px;
list-style: none;
float: left;
}
.highslide-thumbstrip-float img {
display: inline;
border-color: silver;
max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
display: none;
}
.highslide-thumbstrip-float .highslide-marker {
display: none;
}
/* Sondervorschriften fuer ImageMaps auf Startseiten */
.StartMap
{
position: relative;
float: right;
top: 0px;
left: 0px;
right: 0px;
width: 118%;
}
/* Splide - Styles fuer Slideshows*/
#three-image-slider
/* ID des uebergeordneten div-Bereichs fuer die Slideshow, wird im zugehoerigen JS-Code referenziert */
{
padding: 20px;
border-radius: 5px;
border: 1px solid #007aab;
}
.splide__track
/* Der innere Bereich der Slideshow, in dem sich die einzelnene Slides bewegen. */
{
position:relative;
z-index:0;
overflow:hidden
}
.splide__list
/* UL-Klasse fuer alle Slides einer Slideshow*/
{
margin:0px !important;
padding:0px !important;
width:-webkit-max-content;
width:max-content;
will-change:transform
}
.splide__slide
/* LI-Klasse fuer die einzelnen Slides*/
{
box-sizing:border-box;
list-style-type:none !important;
margin:0;
flex-shrink:0
}
.splide__slide__container
/* Der Container fuer den Inhalt des einzelnen Slides */
{
text-align: center;
}
/* Die Styles fuer die Blaetterpfeile links und rechts */
.splide__arrow {
position:absolute;
z-index:1;
bottom: 10px;
transform:translateY(-50%);
width:2em;
height:2em;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
border:none;
padding:0;
opacity:.7;
background:#ccc
}
.splide__arrow svg
/* Die Pfeilgrafik */
{
width:1.2em;
height:1.2em
}
.splide__arrow:hover {
cursor:pointer;
opacity:.9
}
.splide__arrow:focus {
outline:none
}
.splide__arrow--prev {
left:1em
}
.splide__arrow--prev svg {
transform:scaleX(-1)
}
.splide__arrow--next {
right:1em
}
/* Weitere notwendige Styles, aus der slide.css hierher uebertragen */
.splide__slide .highslide img {
width: auto !important;
max-height: 97% !important;
}
.splide__slide img {
width: auto !important;
max-height: 97% !important;
}
.splide__slide .highslide {
/*height: 100%;
width: 100%;
display: flex;
flex-direction: column;*/
}
#default-image-slider {
/*background-color: #567DAA;*/
padding: 20px;
border-radius: 25px;
border: 1px solid #132c48;
}
#primary-slider
{
/*background-color: #567DAA;*/
padding: 20px;
border-radius: 5px 5px 0px 0px;
margin-bottom: 0px;
border-bottom: 0px !important;
border: 1px solid #567DAA;
}
#secondary-slider
{
/*background-color: #567DAA;*/
padding: 20px;
border-radius: 0px 0px 5px 5px;
border: 1px solid #567DAA;
border-top: 0px !important;
}
/* Styles aus der splide.min.css */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.splide__container {
position:relative;
box-sizing:border-box
}
.splide__list {
margin:0px !important;
padding:0px !important;
width:-webkit-max-content;
width:max-content;
will-change:transform
}
.splide.is-active .splide__list {
display:flex
}
.splide__pagination {
display:inline-flex;
align-items:center;
width:95%;
flex-wrap:wrap;
justify-content:center;
margin:0
}
.splide__pagination li {
list-style-type:none;
display:inline-block;
line-height: 1;
margin:0px;
}
.splide {
visibility:hidden
}
.splide,.splide__slide {
position:relative;
outline:none
}
.splide__slide img {
vertical-align:bottom
}
.splide__slider {
position:relative
}
.splide__spinner {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
display:inline-block;
width:20px;
height:20px;
border-radius:50%;
border:2px solid #999;
border-left-color:transparent;
animation:splide-loading 1s linear infinite
}
.splide__track {
position:relative;
z-index:0;
overflow:hidden
}
.splide--draggable>.splide__track>.splide__list>.splide__slide {
-webkit-user-select:none;
user-select:none
}
.splide--fade>.splide__track>.splide__list {
display:block
}
.splide--fade>.splide__track>.splide__list>.splide__slide {
position:absolute;
top:0;
left:0;
z-index:0;
opacity:0
}
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
position:relative;
z-index:1;
opacity:1
}
.splide--rtl {
direction:rtl
}
.splide--ttb>.splide__track>.splide__list {
display:block
}
.splide--ttb>.splide__pagination {
width:auto
}
.splide__pagination {
position:relative;
z-index:1;
bottom:.5em;
margin-top: 10px;
left: 50%;
right:50%;
transform:translateX(-50%);
padding:0
}
.splide__pagination__page {
display:inline-block;
width:8px;
height:8px;
background:#ccc;
border-radius:50%;
margin:8px;
padding:0;
transition:transform .2s linear;
border:none;
opacity:.7
}
.splide__pagination__page.is-active {
transform:scale(1.4);
background:#04428B
}
.splide__pagination__page:hover {
cursor:pointer;
opacity:.9
}
.splide__pagination__page:focus {
outline:none
}
.splide__progress__bar {
width:0;
height:3px;
background:#ccc
}
.splide--nav>.splide__track>.splide__list>.splide__slide {
border:3px solid transparent
}
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
border-color:#000
}
.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
outline:none
}
.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
right:1em;
left:auto
}
.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
transform:scaleX(1)
}
.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
left:1em;
right:auto
}
.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
transform:scaleX(-1)
}
.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
left:50%;
transform:translate(-50%)
}
.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
top:1em
}
.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
transform:rotate(-90deg)
}
.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
top:auto;
bottom:1em
}
.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
transform:rotate(90deg)
}
.splide--ttb>.splide__pagination {
display:flex;
flex-direction:column;
bottom:50%;
left:auto;
right:.5em;
transform:translateY(50%)
}
/* Sonstiges */
/* Markierungsstyles*/
mark /* Hervorhebungsfarbe der Suchtreffer */
{
background: transparent;
color: #007aab;
padding: 0px;
}
.Mitte mark
{
padding-left: 4px;
padding-right: 4px;
color: #00f4ff;
}
.SubTree2 a mark
{
color: #00f4ff;
}
#Kopfzeile mark
{
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
color: #007aab;
}
.aWrapperWrap mark
{
color: #007aab;
font-weight: normal;
background-color: transparent;
}
.tipue_search_content_bold
{
color: #00f4ff;
font-weight: bold;
background-color: #007aab;
}
@media only print
{
.grid_container
{
display: block !important;
}
#main
{
position: absolute !important;
}
@page
{
size: A4 portrait;
margin: 25pt;
}
#navigation
{
display: none !important ;
}
.Mitte
{
display: none !important;
}
.grid_element_Text_main
{
height: auto !important;
width: 95%;
margin-left: 10px;
padding: 0px !important;
position: relative;
}
.KapVerzMobileButton
{
display: none !important;
}
#mainContent
{
height: auto !important;
width: 100%;
padding-left: 0px;
margin-left: 10px;
padding-bottom: 60px !important;
}
.mainContent
{
height: auto !important;
padding-left: 0px;
margin-left: 10px;
padding-right: 10px !important;
}
.mainRight
{
display: none !important;
}
.grid_element_Text_right
{
display: none !important;
}
#wrapper
{
/* height: 100% !important; */
border: 0 !important;
}
#mainHead
{
display:none !important;
}
#PrintTitle
{
display: block !important;
font-size:36px !important;
}
#Footer
{
display:none !important;
}
.Home_Verteiler
{
display:none;
}
.Home_Seite /* Zum Seitenanfang*/
{
display: none;
}
a[href]:after
{
display: none;
}
.Release_Ueberschrift
{
margin-left: 0px !important;
}
details
{
margin-left: 0px; /* NEU*/
margin-right: 0px; /* NEU*/
}
summary
{
margin-left: 0px; /* NEU*/
margin-right: 0px; /* NEU*/
background: #d1d1d1 !important;
}
.BreadCrumb
{
display: none !important;
}
} /* Endklammer @print */
/* Responsive Layoutauszeichnungen */
.KapVerzMobileButton
{
display: none;
}
.dropdownmenu
{
display:none;
}
/* ### Anfang der responsiven Layoutauszeichnungen ### */
@media screen and (min-width: 1601px)
{
/* Sonder-@media-Klammer fuer die Umschaltung der PDF-Aufrufe auf Verteilerseiten */
/* Sonder-Styles fuer Start- und Verteilerseiten */
.zeigeLink
{
display: none;
}
.Grid_List_Invers3 /* Auf großen Bildschirmen wird Link mit NewTab ausgeblendet und Link auf Iframe eingeblendet */
{
max-width: 1000px;
margin-top: 20px;
margin-left: -0px;
margin-bottom: 20px;
padding-left: 20px;
padding-bottom: 2px;
border-top: 1px solid #FFFFFF;
background-image: url(Farbe.png); /* noch ersetzen durch Farbangabe */
font-family: 'Open Sans';
font-size: 25px;
font-style: normal;
letter-spacing: 0.3em;
line-height: 1.6;
color: #FFFFFF;
}
.Grid_List_Invers3 a:link /* LInk-Auszeichnung fuer Aufzaehlungen im Grid-Bullet mit Hintergrundfarbe */
{
color: #FFFFFF;
}
.Grid_List_Invers3 a:visited
{
color: #FFFFFF;
}
.Grid_List_Invers3 a:hover
{
color: #007aab;
text-decoration: none;
}
} /* Endklammer @media screen and (min-width: 1601px) */
@media screen and (max-width: 1600px)
{
/* Media-Einstellungen fuer Tablet */
/* PDF-Aufruf im neuen Tab */
/* Elemente des Kopfbereichs */
#tipue_search_input /* neu 23.12.2022 hier zusaetzlich zur Anpassung an Safari@iPad */
{
display: flex;
flex-direction: row;
float: left;
order: 2;
min-width: 30px;
width: 58%; /* Anpassung an Browser Safari@iPad */
margin: 0;
padding: 6px;
padding-top: 7px;
outline: 0;
border-left: 0px;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-radius: 0px;
-moz-appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
box-shadow: none;
background-color: #ffffff;
font-size: 16px;
line-height: 1.3;
}
.tipue_search_left #goSearchBtnHead
{
display: flex;
flex-direction: row;
float: right;
order: 2;
outline: none;
border: none !important;
width: auto;
margin-top: 7px;
margin-left: 10px;
margin-right: -15px;
background: transparent;
background-image: url(./tipuesearch/css/right-arrow.png);
background-repeat: no-repeat;
font-size: 20px;
color: transparent;
}
.tipue_search_left #clearSearchBtn
{
display: flex;
flex-direction: row;
float: right;
order: 3;
width: auto;
margin-left: 10px;
margin-top: 7px;
margin-right: 3px;
padding-top: 0px;
border: 0px;
border-top: 0px;
background: transparent;
background-image: url(./tipuesearch/css/remove.png);
background-repeat: no-repeat;
-webkit-appearance: none; /* Bedeutung nicht nachvollziehbar */
font-size: 20px;
color: transparent;
}
.BreadCrumb
{
position: fixed;
top: 120px;
left: 100px;
/* right: 10px; */
font-size: 16px;
overflow-y: auto;
}
.summary_PH_Release_Ticket
{
color: #575757;
font-size: 18px;
font-weight: normal;
line-height: 1.2;
float: left;
width: 75px;
}
.summary_PH_Release_SmallText
{
display: block;
position: relative;
font-size: 18px;
line-height: 1.2;
font-weight: normal;
color: #575757;
left: 0px;
}
/* Sonder-Styles fuer Start- und Verteilerseiten */
.Grid_List_Invers3 a:link /* Auf ipad wird Link mit IFrame ausgeblendet und Link mit NewTab eingeblendet */
{
display: none;
}
.zeigeLink
{
max-width: 1000px;
margin-top: 20px;
margin-left: -0px;
margin-bottom: 20px;
padding-left: 20px;
padding-bottom: 2px;
border-top: 1px solid #FFFFFF;
background-image: url(Farbe.png); /* noch ersetzen durch Farbangabe */
font-family: 'Open Sans';
letter-spacing: 0.3em;
font-size: 25px;
line-height: 1.4;
font-style: normal;
color: #FFFFFF;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
.zeigeLink a:link /* LInk-Auszeichnung fuer Aufzaehlungen im Grid-Bullet mit Hintergrundfarbe */
{
color: #FFFFFF;
}
.zeigeLink a:visited
{
color: #FFFFFF;
}
.zeigeLink a:hover
{
color: #007aab;
text-decoration: none;
}
/* Elemente des Content */
div.Gruppe
{
margin-right: 0px;
}
/* Schriftgroeßen, Zeilenabstand */
p
{
font-size: 18px;
line-height: 1.4;
}
p.Einzug1
{
font-size: 18px;
line-height: 1.4;
}
/* .Mitte
{
font-size: 34px;
} */
#mainContent td p
{
font-size: 18px;
line-height: 1.4;
}
.summarySmallText
{
font-size: 18px;
}
} /* Endklammer @media screen and (max-width: 1600px) */
@media (max-width: 990px)
/* Ab hier fuer schmalere Screens: Umschaltung des Kopfs, Ausblendung der Kopfzeile, Aufloesung der Marginalienspalte, Umbau des Kapitelverzeichnisses etc. */
{
/* Uebergeordnete Strukturelemente */
#main
{
position: fixed;
}
#mainHead
{
position: relative;
left: 0px;
height: 212px;
margin-left: 0px;
margin-top: 0px;
padding: 0px;
/* */
overflow: hidden;
border: 0px;
background-image: none;
/* transition: 0.2s; */
}
#mainContent
{
z-index: 21;
top: 0px;
width: 103%;
margin-right: 0px;
margin-top: 0px;
margin-left: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 15px;
padding-bottom: 6px;
border: 0px solid pink;
font-size: 18px; /* Backup-Textauszeichnung fuer Text ohne -Tags */
line-height: 1.2;
overflow-y: scroll;
overflow-x: hidden;
}
/* Elemente des Kopfbereichs */
#Kopfzeile
{
display: none;
transition: 0.2s;
}
#Kopfleiste
{
display: block !important;
width: 100%;
padding-top: 0px;
padding-left: 0px;
justify-content:left;
}
#Kopfleiste > a
{
display: none;
padding-left: 54px;
padding-right: 25px;
}
#Kopfleiste .aWrapper a
{
display: inline-block;
}
.headerLogo
{
display: none;
}
.navigationRight
{
display: flex;
float: left !important;
flex-direction: row;
order: 1;
z-index: 101;
height: 60px;
width: 100%;
justify-content: flex-end;
column-gap: 20px;
margin-top: 0px;
background-color: #007aab;
transition: 0.2s;
}
.tipue_search_right
{
float: left;
left: 0px;
top: 8px;
width: 100%;
height: 45px;
margin-left: 10px;
box-shadow: none;
}
.tipue_search_left
{
margin-right: 0px;
margin-top: 0px;
padding-top: 0px;
height: 45px;
order: 1
}
.tipue_search_icon
{
padding-top: 8px;
}
#tipue_search_input
{
display: flex;
flex-direction: row;
float: left;
order: 1;
font-family: 'StandardFont';
font-size: 16px;
line-height: 1.3;
background-color: #ffffff;
min-width: 120px;
width: 75%;
box-sizing: border-box;
padding: 6px;
padding-top: 10px;
padding-bottom: 6px;
border-left: 0px;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-radius: 0px;
-moz-appearance: none;
-webkit-appearance: none;
box-shadow: none;
outline: 0;
margin: 0;
}
.tipue_search_left #goSearchBtnHead
{
display: flex;
flex-direction: row;
float: right;
order: 2;
outline: none;
border: none !important;
width: 20px;
margin-left: 3px;
margin-right: 6px;
margin-top: 9px;
font-size: 20px;
border: 0px;
color: transparent;
background: transparent;
background-image: url(./tipuesearch/css/right-arrow.png);
background-repeat: no-repeat;
line-height: 1;
}
.tipue_search_left #clearSearchBtn
{
display: flex;
flex-direction: row;
float: right;
order: 3;
width: 20px;
margin-left: 0px;
margin-top: 9px;
margin-right: 3px;
font-size: 20px;
border: 0px;
border-top: 0px;
padding-top: 0px;
color: transparent;
background: transparent;
background-image: url(./tipuesearch/css/remove.png);
background-repeat: no-repeat;
line-height: 1;
-webkit-appearance: none;
}
#rightNavContainer
{
display: none;
position: fixed;
float: right;
height: 98%;
width: 100%;
top: 6rem;
right: 0rem;
z-index: 99;
margin-right: 0rem;
padding: 0rem;
background-color: #007aab;
border: 0px solid #e1e1e1;
border-top: 0px;
z-index: 300;
}
.rightNavContent
{
display: block;
position: relative;
background: transparent;
width: 100%;
top: 0em;
margin-bottom: 1rem;
margin-top: 4rem;
right: 0em;
overflow-y: scroll;
overflow-x: hidden !important;
}
#sitemapContainer
{
position: relative;
list-style-type: none;
float: left;
left: 20px;
top: 1rem;
font-weight: normal;
}
/* #manual-btn */ /* Lexware-Spezial, kann entfallen */
/* { */
/* display: none; */
/* } */
#tableContent-btn
{
background-image: url(TableContent.png);
height: 35px;
width: 35px;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
border: 0px !important;
outline: none;
margin-top: 12px;
margin-right: 6px;
order: 2;
}
#home-btn
{
background-image: url(Home.png);
height: 35px;
width: 35px;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
border: 0px !important;
outline: none;
margin-top: 12px;
margin-right: 10px;
order: 4;
}
#index-btn
{
background-image: url(Index.png);
height: 35px;
width: 35px;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
border: 0px !important;
outline: none;
margin-top: 12px;
order: 3;
}
#print-btn
{
display: none;
}
/* Elemente des aufklappenden Kapitelverzeichnisses */
.KapVerzMobileButton
{
display: block;
position: fixed;
top: 60px;
width: 100%;
height: 40px;
background-color: #eaeaea;
z-index: 300;
font-size: 18px;
border: 1px solid #e5e5e5;
}
.KapVerzMobileButton.open
{
display: block;
position: fixed;
top: 60px;
width: 100%;
height: 40px;
background-color: #eaeaea;
z-index: 200;
border: 1px solid #e5e5e5;
}
.KapVerzMobileButton span
{
font-family: 'StandardFont';
background-image: url('./arrow_down_nav.png');
background-position: right;
background-repeat: no-repeat;
height: 25px;
width: 80px;
}
.KapVerzMobileButton.open span
{
font-family: 'StandardFont';
background-image: url('./arrow_up_nav.png');
background-position: right;
background-repeat: no-repeat;
height: 25px;
width: 80px;
}
.printRight
{
display: none;
}
.dropdownmenu
{
order: 1;
padding-top: 17px;
padding-left: 5px;
}
.grid_element_Text_right.mainRight
{
display: none; /* Initial zugeklappt, wird bei Klick auf den KapVerzButton umgeschaltet */
order: 2;
background: #FFFFFF;
position: fixed;
height: 60%;
overflow-x: auto;
padding: 1px;
margin: 0px;
width: 100%;
max-width: unset;
top: 100px;
z-index: 600 !important;
border-top: 0px;
border-bottom: 3px solid #e3e3e3e3;
}
.grid_element_Text_right.mainRight.grid_element_Text_right_open
{
display: block;
}
.SubTreeTitle
{
display: none;
}
.SubTree
{
position: relative;
padding-left: 35px;
z-index: 220;
}
#SubTree
{
width: 100%;
overflow-y: auto;
position: relative;
top: 0px;
}
#Titel
{
top: 100px;
height: 160px;
padding: 0px;
z-index: 98;
width: 100%;
/* transition: 0.2s; */
}
.Mitte
{
white-space: normal;
display: flex;
align-items: flex-start;
top: 155px;
height: 75px;
margin-left: -60px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-left: 0px;
width: 100%;
z-index: 100;
font-size: 24px;
line-height: 1.5;
font-weight: bold;
/* transition: 0.2s; */
}
.BreadCrumb
{
top: 105px;
left: 20px;
/* right: 10px; */
position: fixed;
font-size: 16px;
height: 50px;
overflow-y: scroll;
/* transition: 0.2s; */
}
/* Elemente des Content */
.grid_element_Text_main
{
order: 1;
position: relative;
margin-top: 0px;
margin-bottom: 125px;
margin-right: 20px;
padding-top: 0px;
/* transition: 0.2s; */
}
.grid_container.mainContent
{
display: flex;
top: 40px;
flex-direction: column;
margin-top: 0px;
padding-left: 0px;
padding-top: 0px;
z-index: 101;
}
div.marginalie
{
position: relative;
float: left;
width: auto;
max-width: 90px;
margin-left: 0px;
margin-right: 0px;
margin-top: 4px;
padding-right: 10px;
font-size: 17px;
line-height: 1.75;
font-family: 'StandardFont';
font-weight: bold;
}
div.marginalie img
{
max-height: 30px; /* sorgt fuer verkleinerte Abbildung der Marginaliengrafiken */
}
/* */
.Grid_List_Invers1
{
font-size: 28px;
line-height: 1.3;
padding-bottom: 0px;
}
.summarySmall
{
margin-left: 0px;
}
/* Scrollbar-Einstellungen */
::-webkit-scrollbar
{
width: 8px;
height: 8px;
}
#mainContent::-webkit-scrollbar-track
{
background-color: #cccccc;
box-shadow: inset 0 0 5px transparent;
border-radius: 0px;
}
#mainContent::-webkit-scrollbar-thumb
{
background: #666666;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 2px;
}
#mainContent::-webkit-scrollbar-thumb:hover
{
background: #007aab;
border: 0px solid transparent;
background-clip: padding-box;
box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
}
/* Sonder-Styles fuer Start- und Verteilerseiten */
/* PDF-Aufruf im neuen Tab */
.Grid_List_Invers3 a:link /* Auf Handy wird Link mit IFrame ausgeblendet und Link mit NewTab eingeblendet */
{
display: none;
}
.zeigeLink
{
font-family: 'Open Sans';
letter-spacing: 0.3em;
font-size: 25px;
line-height: 1.4;
font-style: normal;
color: #FFFFFF;
margin-top: 20px;
margin-left: -0px;
margin-bottom: 20px;
padding-left: 20px;
padding-bottom: 2px;
border-top: 1px solid #FFFFFF;
background-image: url(Farbe.png); /* noch ersetzen durch Farbangabe */
max-width: 1000px;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
.zeigeLink a:link /* Link-Auszeichnung fuer Aufzaehlungen im Grid-Bullet mit Hintergrundfarbe */
{
color: #FFFFFF;
}
.zeigeLink a:visited
{
color: #FFFFFF;
}
.zeigeLink a:hover
{
color: #007aab;
text-decoration: none;
/*text-decoration: underline #b8b8b8;*/
}
/* Tabellenspalten fuer Handy */
/* table-layout = fixed wirkt Wunder, Scrolling spaltenbezogen, kleinere Schrift */
#mainContent table
{
table-layout:fixed !important;
width: 100% !important;
border-collapse: collapse !important;
margin-left: 0px !important;
word-break: normal !important;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
overflow-x: auto;
}
#mainContent td
{
padding: 0.5em;
border: 1px solid #000000;
vertical-align: top;
width: auto !important;
min-width: 30px;
overflow: scroll;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
#mainContent td p
{
font-size: 17px;
line-height: 1.4;
}
#mainContent td ol li
{
font-size: 17px;
line-height: 1.4;
}
#mainContent .Num
{
font-size: 20px;
margin-left: -12px;
margin-bottom: -3px;
}
#mainContent ol li p
{
margin-left: 5px;
}
/* Verteilerseiten fuer Handy */
.grid_container_navi
{
display:inline-grid;
grid-template-columns: 100%;
grid-gap: 25px;
width: 100%;
margin-left: -45px;
overflow-y: hidden;
overflow-x: scroll;
z-index: 21;
}
.Grid_List_Invers2 /* Silbentrennung, damit sich nix hin- und herbewegen laesst */
{
hyphens: auto;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
/* Große Startseite fuer Handy */
/* Im HTML-Code der Startseite muss eine media-Weiche eingebaut werden! */
.grid_container /* Vollstaendige Darstellung auf Screen ohne horiz. Scrollen*/
{
display:inline-grid;
grid-template-columns: 100%;
}
.grid_container_navi_Startseite
{
grid-template-columns: 100%;
grid-gap: 0%;
}
.Grid_List_Invers1 /* Silbentrennung */
{
hyphens: auto;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
.Ueberschrift_Content /* Silbentrennung, Schriftgroeße */
{
font-size: 30px;
hyphens: auto;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphenate-limit-chars: 5 3 4;
hyphenate-limit-lines: 4;
}
/* Format Gruppe im Satzspiegel */
div.Gruppe
{
margin-left: -480px;
margin-right: 0px;
/*background-image: url(gruppe_bg.png); */
background-position: right;
background-repeat: y-repeat;
}
/* Schriftgroeßen, Zeilenabstand */
p
{
font-size: 18px;
line-height: 1.4;
}
p.Einzug1
{
font-size: 18px;
line-height: 1.4;
}
#mainContent td p
{
font-size: 18px;
line-height: 1.4;
}
/* Abstand Ueberschrift content verringert: Platz fuer max. 2-zeilige Ueberschriften */
.grid_container.mainContent
{
top: 16px;
}
p.Gruppe
{
font-family: 'Open Sans';
text-transform: uppercase;
font-size: 24px; /* STEU*/
letter-spacing: 0.075em;
line-height: 1.1;
font-weight: normal;
color: #333333;
margin-top: 35px;
margin-bottom: 10px;
margin-left: 480px; /* STEU*/
padding-top: 6px;
padding-bottom: 6px;
border-top: 0px solid #333333;
}
} /* Endklammer @media screen and (max-width: 990px) */
@media (max-width: 500px)
/* Media-Einstellungen fuer Handy */
{
/* Elemente des Kopfbereichs */
#Kopfleiste
{
padding-top: 0px;
padding-left: 0px;
display: block !important;
flex-direction: column;
width: 100%;
justify-content:left;
}
.navigationRight
{
display: flex;
float: left !important;
flex-direction: row;
justify-content: flex-end;
column-gap: 10px;
height: 60px;
right: 0px;
z-index: 101;
order: 1;
width: 100%;
}
.tipue_search_right
{
order: 1;
width: 80%;
left: 0px;
margin-left: 10px;
box-shadow: none;
height: 45px;
}
#tipue_search_input
{
width: 65%;
}
#idxContainer
{
position: relative;
left: 4px;
top: 0px;
font-size: 1.3em;
line-height: 1 !important;
list-style-type: none;
background: transparent;
}
#tableContent-btn
{
margin-left: 20px;
}
/* Elemente des Content */
.Grid_List_Invers1
{
font-size: 22px;
line-height: 1.2;
padding-bottom: 0px;
padding-top: 2px;
}
.Grid_List_Invers2
{
font-size: 22px;
line-height: 1.2;
padding-bottom: 0px;
padding-top: 2px;
}
.Ueberschrift_Content
{
text-align: center;
font-size: 30px; /* Prüfen, neu wegen PH */
hyphens:auto;
margin-top: 0px; /* Prüfen, neu wegen PH */
}
.grid_element_Hintergrundbild1
{
height: auto;
background-image: url(Icon_Uebersicht_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Hintergrundbild2
{
height: auto;
background-image: url(Icon_Weltkugel_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Hintergrundbild3
{
height: auto;
background-image: url(Icon_Buch_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Hintergrundbild4
{
height: auto;
background-image: url(Icon_PDF_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Hintergrundbild5
{
height: auto;
background-image: url(Icon_Sprechblase_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Hintergrundbild6
{
height: auto;
background-image: url(icon_film_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Hintergrundbild7
{
height: auto;
background-image: url(Icon_KnowHow_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Hintergrundbild8
{
height: auto;
background-image: url(Icon_Basiswissen_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Hintergrundbild9
{
height: auto;
background-image: url(Icon_Werkzeug_mobil.png) , url(Hintergrundbild1.jpg);
}
.grid_element_Farbblock_oben
{
height: auto;
background-image: url(Icon_Uebersicht_mobil.png) , url(Farbe_mobil.png);
}
} /* Endklammer @media screen and (max-width: 500px) */
@media (max-width: 400px)
{
#home-btn
{
display: none;
}
#index-btn
{
display: none;
}
#tipue_search_input
{
width: 55%;
}
} /* Endklammer @media screen and (max-width: 400px) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)
/* Zusaetzliche spezielle @media-Query fuer mobile Geraete (Tablets) */
{
.tipue_search_left #goSearchBtnHead
{
display: flex;
flex-direction: row;
float: right;
order: 2;
outline: none;
border: none !important;
width: 20px;
margin-left: 3px;
margin-right: -15px;
font-size: 20px;
border: 0px;
margin-top: 9px;
color: transparent;
background: transparent;
background-image: url(./tipuesearch/css/right-arrow.png);
background-repeat: no-repeat;
line-height: 1;
}
.tipue_search_left #clearSearchBtn
{
display: flex;
flex-direction: row;
float: right;
order: 3;
width: 20px;
margin-left: 0px;
margin-top: 9px;
font-size: 20px;
border: 0px;
border-top: 0px;
margin-right: -15px;
padding-top: 0px;
color: transparent;
background: transparent;
background-image: url(./tipuesearch/css/remove.png);
background-repeat: no-repeat;
line-height: 1;
-webkit-appearance: none;
}
} /* Endeklammer */
@media only screen and (min-width: 375px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 2)
{
.tipue_search_left #goSearchBtnHead
{
display: flex;
flex-direction: row;
float: right;
order: 2;
outline: none;
border: none !important;
width: 20px;
margin-left: 3px;
margin-right: -15px;
font-size: 20px;
border: 0px;
margin-top: 9px;
color: transparent;
background: transparent;
background-image: url(./tipuesearch/css/right-arrow.png);
background-repeat: no-repeat;
line-height: 1;
}
.tipue_search_left #clearSearchBtn
{
display: flex;
flex-direction: row;
float: right;
order: 3;
width: 20px;
margin-left: 0px;
margin-top: 9px;
font-size: 20px;
border: 0px;
border-top: 0px;
margin-right: -15px;
padding-top: 0px;
color: transparent;
background: transparent;
background-image: url(./tipuesearch/css/remove.png);
background-repeat: no-repeat;
line-height: 1;
-webkit-appearance: none;
}
} /* Endeklammer */
/* Ende Responsiver Abschnitt */
/* Ende StyleMaster_Kopf */