/* ❯
input Z 121
.flex Zeile 280
msg Zeile 383
.But Zeile 416
Box Zeile 590
Link Zeile 608
Standard Mg ab Zeile 709
*/
*, *:before, *:after {
border-width: 0px;
-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
box-sizing: border-box; /* Opera/IE 8+ */
}
html, body {
height: 100%; margin:0;
background: white;
font-size:12pt;
color:#464646;
background-color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1{
font-size:5vw;color:#408FBF
}
h2{
font-size:4vw;
}
h3{
font-size:3.5vw;
}
a, a:link, a:active, a:visited{
color:#408FBF; text-decoration:none
}
a:hover{
color:#408FBF;
text-decoration:underline
}
.HeaderNav{
position: absolute;right:10px;width:100%;font-size:12pt;font-weight:bold;margin-top:10px;border-bottom:2px silver solid;padding-bottom: 8px
}
.HeaderNav .link{
position:absolute;left: 20px;cursor:pointer
}
.HeaderNav .caption{
position:absolute;left:40px;margin-top:30px;font-style:italic;color:#FF9900
}
.HeaderNav .items{
max-width:1400px; text-align:right
}
.HeaderNav .item{
float:right;text-align:center!important;font-size:22pt;width:70px;cursor:pointer;margin-top:10px
}
.HeaderNav.small .item {
font-size:14pt;margin-top:0px;line-height:10px
}
.HeaderNav.small .caption {
margin-top:0px
}
.HeaderNav span{
font-size:6pt;cursor:pointer
}
/*----------------------------------------------------------------------------------------Standard--------------------------*/
input[type=text], input[type=password], select , input[type=number],textarea, .kbDiv, .txtDiv, .divTiny {
border-radius: 5px;
background-clip: padding-box;
box-sizing: border-box;
font-size:inherit;
width: 100%;
padding:6px 9px;
background: white;
border: 1px solid #DADADA;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
;
margin-bottom:5px;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
background: #FDF2BA;
border: 1px solid #6E6E6E;
color:black;
outline-style: none;
box-shadow: none;
}
input[type=text]:disabled, input[type=password]:disabled, .txtDiv, select:disabled {
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e6e6e6 100%);
background: -webkit-linear-gradient(top, #f8f8f8 0%,#e6e6e6 100%);
background: linear-gradient(to bottom, #f8f8f8 0%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e6e6e6',GradientType=0 );
color:gray;
}
input.InputError, select.InputError, textarea.InputError{
border-color:#D20000;
}
::-webkit-input-placeholder { color:#B3B8BD; }
::-moz-placeholder { color:#B3B8BD; }
:-ms-input-placeholder { color:#B3B8BD !important; }
::-ms-input-placeholder { color:#B3B8BD; }
input:-moz-placeholder { color:#B3B8BD; }
.divTiny{cursor:pointer;
min-height:32px
}
select{
padding:5px
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background-color: white !important;
background-image: none !important;
color: white !important;
-webkit-box-shadow: 0 0 0px 1000px white inset;
transition: background-color 5000s ease-in-out 0s;
}
label{
font-size:10pt;
color:gray;
}
input[type=checkbox] {
-webkit-appearance: none;
width: 22px;
height: 18px;
vertical-align:middle;
background-image: url("/system/images/check/checkLeer.png");
background-size: 100%;
background-position: right center;
background-repeat: no-repeat;
border:none;
}
input[type=checkbox]:checked {
background-image: url("/system/images/check/checkBlack.png");
}
input.Red[type=checkbox]:checked {
background-image: url("/system/images/check/checkRed.png");
}
input.Green[type=checkbox]:checked {
background-image: url("/system/images/check/checkGreen.png");
}
input[type=checkbox]:checked:disabled {
background-image: url("/system/images/check/checkGray.png");
}
input[type=checkbox]:disabled {
background-image: url("/system/images/check/checkGrayDis.png");
}
input.Small[type=checkbox] {
width: 13px;
height: 11px;
}
input[type=checkbox]:focus{
outline:none;
}
.required:not(input[type=checkbox]) {
background-image:url('/system/images/icos/required.png')!important;
background-repeat:no-repeat!important;
}
;
background-repeat:no-repeat!important;
}
.requiredAus {
background-image:none!important;
}
.LabelSpan{
position: absolute;
font-size: 0.7em;
color:gray;
background-color:white;
text-align: left;
margin-top:-6px;
margin-left:8px;
padding:0 3px;
}
.LabelSpanFixed{
position: absolute;
font-size: 0.7em;
color:gray;
background-color:white;
text-align: left;
margin-top:-6px;
margin-left:8px;
padding:0 3px;
}
.LabelSpanAus{
visibility: hidden
}
.InputZahl,.InputEUR{
text-align:right
}
#noFocus, .noFocus{
width:1px;height:1px;font-size:1px;margin:0 ; border:none; background:transparent;box-shadow:none;padding:0;
}
.kbDiv{
background:white url('/system/images/selectPfeil.png') right center no-repeat
}
.kbDiv ul {
padding: 0px;
margin: 5px 0 0 -10px;
display: none;
position: absolute;
background-color: #f8f8fa;
z-index: 1000;
border: 1px solid #dadae5;
}
.kbDiv ul li{
list-style:none;cursor:pointer;
padding:5px 8px
}
.kbDiv ul li:hover{
background-color:#FBE375
}
.dDownload, input.dDownload:disabled{
background:#EEF3FD url('/system/images/dDownload.png') right bottom no-repeat;
padding-right:25px!important;
}
.opac {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
.bgYellow {
background:yellow
}
/*----------------------------------------------------------------------------------------Standard Flex--------------------------*/
.flex{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width:100%;
}
.flexspacebetween{
-ms-flex-pack: justify;
justify-content: space-between;
}
.flexspacearround{
-ms-flex-pack : distribute;
justify-content : space-around
}
.flexcolumn {
-ms-flex-direction: column;
flex-direction: column;
}
.flex div.flex-item.flexselfstart{
align-self: flex-start;
}
.flex div.flex-item.flexselfcenter{
align-self: center;
}
.flex div.flex-item.flexselfend{
align-self: flex-end
}
.flex div.flex-item{
width:100%;
padding:8px 0
}
.flex div.flex-item.empty {
padding:0px
}
.flex .flex-item.full {
width:100%;
}
.flex .flex-item.flexauto{
width:auto
}
.flex .flex-item.flexgallery:first-of-type, .flex .flex-item.flexgallery:last-of-type{
width:100%
}
.flex .flex-item.flexDetail:first-of-type, .flex .flex-item.flexDetail:last-of-type{
width:100%;margin-right:0px
}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 501; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
padding-top: 60px;text-align: center;
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 0 auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
border: 1px solid #888;
text-align:left;
display:inline-block;
box-shadow:6px 6px 8px 0px black;
}
/* Add Zoom Animation */
.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
.opac {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
/* The actual popup */
.popup .popuptext {
visibility: hidden;
width: 250px;
background-color: #00ec00;
color: black;
text-align: center;
border-radius: 6px;
padding: 8px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -100px;
}
#Meldung{
background-color: #00ec00;
color: black;
text-align: center;
border-radius: 6px;
padding: 8px ;
position: absolute;
z-index: 100;
display:none;
}
/* Popup arrow */
.popup .popuptext::after, .popupX .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #00EC00 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
}
#msgTitel{
background-color: #F42055;
color:white;
text-align: center ;
padding:4px;
}
#msgTitel p{
float:right; display:inline;margin:-8px 0 0 20px;cursor:pointer;
}
#msgTitel p:before{
content:'\1F5F4';
font-size:22px
}
#msgContainer{
min-width:200px
}
#msgContent{
background-color: white;
color:black;
padding:8px
}
.msgButContainer{
text-align:center;
margin-top:10px;
margin-bottom:20px
}
.msgButContainer .But{
margin:0 10px 0 10px;
min-width:100px;
}
.But{
display:inline-block;
text-align:left;
padding:6px 40px 6px 16px ;
cursor:pointer;
font-size:11pt;
-moz-border-radius: 4px ;
-webkit-border-radius: 4px ;
border-radius: 4px ;
position:relative;
white-space:nowrap;
color: white;
border-style:solid;
border-width:1px;
}
.But a, .But a:hover{
text-decoration:none;
color:white;
}
.But.nonext{
text-align:center;
padding:6px 16px;
}
.But.gGray, .But.gGray a{
color:#303036;
}
.But.gBlue, .But.gBlue a{
color:white;
}
.But.gRed, .But.gRed a{
color:white;
border-color:#802638;
}
.But.gYellow, .But.gYellow a{
color:black;
border-color:#DD8500;
}
.But.Small{
padding:3px 25px 3px 5px ;
font-size:10pt;
}
.But.Small.ButCenter{
padding:3px 5px 3px 5px ;
font-size:10pt;
}
.But.ButCenter{
padding:6px 16px 6px 16px ;
text-align:center
}
.But.ButLarge {
width: 220px;
text-align: center;
font-weight: bold;
}
/* ❯ */
.next {
position: absolute;
right: 0px;
height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content:center;
padding:0 10px;
top:0px;
}
.nextunten{
position: absolute;
left: 0px;
height: 50%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 10px;
top: 50%;
width: 100%;
}
.But:hover .nextunten{
background-color: rgba(3,34,68,0.5);
color:yellow
}
.But.Small .next{
padding:0 5px;
}
.stBoxNext:hover .next{
background-color: rgba(190,190,190,0.5);
}
.But:hover .next{
background-color: rgba(3,34,68,0.5);
}
.But.gBlue:hover .next{
background: rgba(7,72,184,0.5);
color:white
}
.But.gGray:hover .next{
background: rgba(3,34,68,0.5)!important;
color:white
}
.But.gRed:hover .next{
background:rgba(128,38,56,0.5)
}
.But.gYellow:hover .next{
background: rgba(147,84,0,0.5);
color:white
}
.But.gRed.nonext:hover{
background:#F5254F
}
.But.gBlue.nonext:hover{
background:#2064D5
}
.But.gGray.nonext:hover, .But.gGray.nonext:hover a, .But.gGray.nonext a:hover{
background:#8190A1;
color:white
}
.Caption.gBlue, .TabContainer.gBlue .TabMenu, .TabLabel, .But.gBlue, table.gBlue th, .BoxCaption.gBlue, .InfoBanner.gBlue{
background: #407DE3; /* Old browsers */
background: -moz-linear-gradient(top, #B9CFF4 0%, #407DE3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #B9CFF4 0%,#407DE3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #B9CFF4 0%,#407DE3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B9CFF4', endColorstr='#407DE3',GradientType=0 ); /* IE6-9 */
color:white;
}
.Caption.gGray, .TabContainer.gGray .TabMenu, .But.gGray, table.gGray th, .BoxCaption.gGray, .InfoBanner.gGray{
background: rgb(197,197,197); /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #c5c5c5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#c5c5c5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#c5c5c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
color:#2F3846;
}
.But.gRed, .BoxCaption.gRed{
background: #A0213A; /* Old browsers */
background: -moz-linear-gradient(top, #E93A5E 0%, #A0213A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #E93A5E 0%,#A0213A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #E93A5E 0%,#A0213A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E93A5E', endColorstr='#A0213A',GradientType=0 ); /* IE6-9 */
color:white;
}
.Caption.gYellow, .TabContainer.gYellow .TabMenu, .But.gYellow, table.gYellow th, .BoxCaption.gYellow, .InfoBanner.gYellow{
background: #F09100; /* Old browsers */
background: -moz-linear-gradient(top, #FFC671 0%, #F09100 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFC671 0%,#F09100 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFC671 0%,#F09100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC671', endColorstr='#F09100',GradientType=0 ); /* IE6-9 */
color:black;
}
.InfoBanner{
display:inline-block;
text-align:left;
padding:12px 12px 12px 40px ;
cursor:pointer;
font-size:11pt;
-moz-border-radius: 4px ;
-webkit-border-radius: 4px ;
border-radius: 4px ;
position:relative;
border-style:solid;
border-width:0px;
white-space:normal;
width:100%;
}
.bevor {
position: absolute;
left: 0px;
height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content:center;
padding:0 10px;
top:0px;
}
.InfoBanner.gGreen{
background:#CAF4DB;
color: #23AB59;
}
.InfoBanner.gGreen .bevor{
background:#98EBB9;
color:white
}
.InfoBanner.gYellow{
background:#FFECD7;
color: #FF9A2B;
}
.InfoBanner.gYellow .bevor{
background:#FFBD75;
color:white
}
.bevor:hover{
color:black
}
.clearfix {
overflow: auto
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
.Round8{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px ;
}
.BoxShadowB{
-webkit-box-shadow: 3px 3px 44px 2px rgba(124,124,124,1);
-moz-box-shadow: 3px 3px 44px 2px rgba(124,124,124,1);
box-shadow: 3px 3px 44px 2px rgba(124,124,124,1);
}
.BoxShadow{
-webkit-box-shadow: 2px 2px 20px 1px rgba(124,124,124,1);
-moz-box-shadow:2px 2px 20px 1px rgba(124,124,124,1);
box-shadow: 2px 2px 20px 1px rgba(124,124,124,1);
}
.Zoom:hover{
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
cursor:pointer;
}
div.table {
display: table;
border-collapse:collapse;
}
div.tr {
display:table-row;
}
div.td {
display:table-cell;
padding:2px 8px 2px 0px;
vertical-align:top
}
.Box{
margin-top:20px;
border:1px silver solid;
}
.BoxCaption{
font-weight:bold;padding:3px 12px
}
.BoxX{
float:right; display:inline;margin:-2px 0 0 0;cursor:pointer; width:16px; background: url('/system/images/x.png') left top no-repeat
}
.BoxCaptionExtra{
background-color:#D2D5DF;padding:3px 12px
}
.BoxContent{
padding:8px 12px;
}
.BoxContentBorder{
border-bottom:1px #012B70 solid
}
.BoxFooter{
padding:2px 10px; background-color:#EEEFF2; color:#A8A8A8; width:100%; font-size:9pt
}
.BoxNoBorder{
border:none
}
.BoxMeldung {
padding: 4px 10px;
background-color: silver;
color: white;
width: 100%;
font-size: 9pt;
font-weight: bold;
}
.Link a, .LinkRed a{
display: inline-flex;
color: inerhit; text-decoration:none
}
.LinkRed a{
color:#F07D00
}
.Link a:before, .LinkRed a:before,.Link a::before, .LinkRed a::before {
content:'\2BC8';
margin-top:-3px;
margin-right:4px;
}
.Link a:hover{
color:#E31C44;text-decoration:none
}
.LinkRed a:hover{
color:black;text-decoration:none
}
.popup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* The actual popup */
.popup .popuptext {
visibility: hidden;
width: 250px;
background-color: #00ec00;
color: black;
text-align: center;
border-radius: 6px;
padding: 8px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -100px;
}
/* Popup arrow */
.popup .popuptext::after, .popupX .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #00EC00 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
}
.Info {
margin: 5px 0 10px 0;
padding: 12px 4px 6px 10px;
background-color: #E6EEFB;
color: black;
border: 1px red solid;
border-radius: 5px;
background-clip: padding-box;
box-sizing: border-box;
}
.InfoBut {
float:right;
cursor:pointer;
width:15px;
background:url('/system/images/x.png') left top no-repeat;
margin:-10px 0 0 0;
}
.Caption{
padding:.3em .5em .3em .5em
}
.TabContainer.gBlue, .But.gBlue, table.gBlue, table.gBlue tr,table.gBlue th, table.gBlue td{
border:1px #0849B9 solid;
}
.TabContainer.gGray, .But.gGray, table.gGray, table.gGray tr,table.gGray th, table.gGray td{
border:1px #A6A6A6 solid;
}
.TabContainer.gBlue .Headline .Aktiv{
background:#4681E3;
color:white
}
.TabContainer.gGray .Headline .Aktiv{
background:#D7D7D7
}
.TabContainer .Tab.Aktiv{
display: block;
background-color:white!important;
border-top:2px #c0c0c0 solid
}
.TabContainer, .MenuContainer {
position:relative ;
}
.TabMenu{
}
.TabMenu div{
display:inline-block;
padding:5px 11px;
text-align:center;
cursor:pointer;
font-size:14pt;
}
div.TabDesktop.Aktiv {
font-weight:bold;
}
div.TabDesktop:hover{
font-weight:bold;
}
.TabContainer .Tab{
display: none;
padding: 15px
}
.TabLabel{
float:left;
padding:5px 10px;
}
.TabG.disabled{
color:#e0e0e0;
cursor:not-allowed
}
.TabContainer.gBlue .TabLabel:hover, .TabContainer.gBlue .TabDesktop:hover {
background:#538AE6;
}
.TabContainer.gGray .TabLabel:hover, .TabContainer.gGray .TabDesktop:hover {
background:#C8C8C8;
}
.TableScroll {
overflow-y: auto;
overflow-x: hidden;
}
.TableScroll thead th {
position: sticky;
top: 0;
border-bottom:3px #c0c0c0 solid;
background:white;
padding: 8px 16px;
}
.TableScroll table {
border-collapse: collapse;
width: 100%;
}
.TableScroll th, {
padding: 8px 16px;
border: 1px solid #ccc;
}
.TableScroll td {
padding: 8px 16px;
border: 1px solid #ccc;
display:table-cell;max-width:150px;overflow:hidden;white-space: nowrap;
}
.TableScroll tr:hover{
background-color:#D2E3FF; cursor:pointer
}
.TableAdmin {
overflow-y: hidden;
overflow-x: hidden;
}
.TableAdmin thead th{
position: sticky;
top: 0;
border:none;
border-bottom:3px #c0c0c0 solid;
background:white;
padding: 8px 16px;
}
.TableAdmin table {
width: 100%;
}
.TableAdmin th{
padding: 8px 16px;
border: 1px solid #ccc;
}
.TableAdmin td{
padding: 8px 16px;
border: 1px solid #ccc;
display:table-cell;max-width:150px;overflow:hidden;white-space: nowrap;
}
.LabelCss{
position: absolute;
margin:-7px 0 0 8px;
padding:0 4px 0 4px;
background: white;
color:silver;
font-size:9pt;
}
.LabelCssDis{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 50%, #f8f8f8 50%, #f8f8f8 100%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 1%,#ffffff 50%,#f8f8f8 50%,#f8f8f8 100%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 1%,#ffffff 50%,#f8f8f8 50%,#f8f8f8 100%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.LabelFocus{
background:url('/system/images/labelFocus.png') left top repeat-x
}
.RequiredCss{
position: absolute;
margin:1px 0 0 3px;
color:red;
font-size:9pt;
}
.aus{
display: none!important;
}
.isRequired{
color:red
}
.stBox{
border:1px silver solid;
padding:15px;
margin:15px 0;
position:relative
}
.menu.gSmall{
font-size:9pt
}
.menu.gSmall .mn0,.menu.gSmall .mn1 {
padding: 7px;
}
.menu.gGray{
background-color: #939393;
color:white;
}
.menu.gBlue{
background: #407DE3; /* Old browsers */
background: -moz-linear-gradient(top, #B9CFF4 0%, #407DE3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #B9CFF4 0%,#407DE3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #B9CFF4 0%,#407DE3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B9CFF4', endColorstr='#407DE3',GradientType=0 ); /* IE6-9 */
color:white;
}
.menu.gInerhit{
background-color: inerhit;
color:#FF9A2B; font-size:14pt; font-weight:bold
}
.menu.gInerhit .sub,.menu.gInerhit .mega{
background-color: #F5F6F8;
-webkit-box-shadow: 7px 7px 4px -1px rgba(140,140,140,0.64);
box-shadow: 7px 7px 4px -1px rgba(140,140,140,0.64);
}
.menu.gInerhit .mn0:hover,.menu.gInerhit .mn1:hover, .menu.gInerhit .mn1.isAktiv, .mn1.mnOver{
color:#F07D00; text-decoration:none; background-color:#F5F6F8;
}
.menu.gGray .sub,.menu.gGray .mega {
background-color: #CACACA;
}
.menu.gBlue .sub,.menu.gBlue .mega {
background-color: #1F64D6;
}
.menu.gGray .mn0:hover,.menu.gGray .mn1:hover, .menu.gGray .mn1.isAktiv{
background:silver
}
.menu.gBlue .mn0:hover,.menu.gBlue .mn1:hover, .menu.gBlue .mn1.isAktiv{
background:#1F64D6
}
.menu.gGray .sub {
background:#B0B0B0
}
.menu.gGray .sub .mn1:hover {
background:#CACACA
}
.menu.gGray.mobil .mn1.isChild:after, .menu.gGray.mobil .mn1.isChild::after{
color:white;
}
.menu.gBlue .sub {
background:#407DE3
}
.menu.gBlue .sub .mn1:hover {
background:#1F64D6
}
.menu.gBlue.mobil .mn1.isChild:after, .menu.gBlue.mobil .mn1.isChild::after{
color:white;
}
.gBlue .mn0:after, .gBlue.gSmall .mn0:after{
border-color:white
}
.menu {
overflow:hidden;
white-space: nowrap;
}
.menu.menuisauf .sub{
padding-left:20px
}
.mn0 {
display:none;
padding: 14px;
}
.mn1 {
display: inline-block;
padding: 14px;
}
.sub, .mega{
display: none;
position: absolute;
z-index:500
}
.mega{
width: 100%
}
.mobil .sub{
position: relative;
left:0px!important
}
.mobil .mn0, .sub .mn1{
display: block;
width:100%;
}
#Menu.mobil .mn1{
display: none;
width:100%;
background:white;
z-index:10;
}
.mobil .mn0{
background:#F5F6F8;
}
.mobil .mn1.mnAuf:hover{
background:#E1E4EA;
}
.mobil .mn1{
display: none;
width:100%;
background:#F5F6F8;
z-index:10;
}
.mn0:hover, .mn1:hover {
cursor:pointer
}
.mnAuf{
display: block!important;
}
#Menu .mnAuf{
position:relative
}
.mobil .mn1.isChild:after, .mobil .mn1.isChild::after {
content: "\25BC";/*\25B2*/
font-weight:bold ;
position: absolute;
right: 20px;
}
.mobil .mn1.isAktiv:after, .mobil .mn1.isAkiv::after {
content: "\25B2";
font-weight:bold ;
position: absolute;
right: 20px;
}
.mn0:after {
content: "";
float: left;
width: 25px;
height: 17px;
border-top: 10px double #FFC482;
border-bottom: 3px solid #FFC482;
margin-right: 20px;
}
.gSmall .mn0:after {
width: 20px;
height: 13px;
border-top-width: 8px;
border-bottom-width: 3px;
}
.gSmall .mn0.mnAuf:after {
border-top: 3px solid transparent;
border-bottom: 0px solid transparent;
}
.gGray .mn0:after, .gGray.gSmall .mn0:after, .gBlue .mn0:after, .gBlue.gSmall .mn0:after{
border-color:white
}
.ico::before {
position:absolute;
content: url('/system/images/button/save1.png');
}
gInerhit .mn0:after, gInerhit.gSmall .mn0:after{
border-color:black
}
.mySlides {display: none;text-align: center;}
#Slides img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 2000px;
position: relative;
margin: auto;
background-color:whitesmoke
}
/* Next & previous buttons */
#Slides .slidesprev, #Slides .slidesnext {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 25pt;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
#Slides .slidesnext {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
#Slides .slidesprev:hover, #Slides .slidesnext:hover {
background-color: rgba(0,0,0,0.8);
color:white
}
/* The dots/bullets/indicators */
#Slides .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
#Slides .active, #Slides .dot:hover {
background-color: #717171;
}
/* Fading animation */
.mySlides.fade {
-webkit-animation-name: dfade;
-webkit-animation-duration: 1.5s;
animation-name: dfade;
animation-duration: 1.5s;
}
@-webkit-keyframes dfade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes dfade {
from {opacity: .4}
to {opacity: 1}
}
/*----------------------------------------------------------------------------------------Standard -----------Style--------------------------*/
.posRel{
position:relative
}
.posAbs{
position:absolute
}
.posFix{
position:fixed
}
.disInB{
display:inline-block
}
.FloatL{
float:left
}
.FloatR{
float:right
}
.ClearL{
clear:left
}
.ClearR{
clear:right
}
.ClearB{
clear:both
}
.ftNormal{
font-weight:normal
}
.ftBold{
font-weight:bold
}
.ft8{
font-size:8pt
}
.ft10{
font-size:10pt
}
.ft11{
font-size:11pt
}
.ft12{
font-size:12pt
}
.ft13{
font-size:13pt
}
.ft15{
font-size:15pt
}
.ft18{
font-size:18pt;
}
.ft20{
font-size:20pt;
}
.Center{
text-align:center
}
.Right{
text-align:right
}
.Left{
text-align:left
}
.nowrp{
white-space:nowrap
}
.lh20{
line-height:20px
}
.colBlack{
color:black
}
.colRed{
color:red
}
.colWhite{
color:white;
}
.colGray{
color: #C0C0C0;
}
.Pd0{
padding:0px
}
.Pd0_5{
padding:0px 5px;
}
.Pd0_10{
padding:0px 10px
}
.Pd10_0{
padding:10px 0px
}
.Pd0_20{
padding:0px 20px
}
.Pd20_0{
padding:20px 0px
}
.Pd20{
padding: 20px
}
.PdT0{
padding-top:0px
}
.PdB0{
padding-bottom:0px
}
.PdB6{
padding-bottom:6px
}
.PdB20{
padding-bottom: 20px
}
.PdB30{
padding-bottom: 30px
}
.PdR30{
padding-right:30px
}
.PdT10{
padding-top:10px
}
.PdT20{
padding-top:20px
}
.PdR20{
padding-right:20px
}
.PdL10{
padding-left:10px
}
.PdL20{
padding-left:20px
}
.Mg0{
margin:0
}
.MgT10{
margin-top:10px
}
.MgT15{
margin-top:15px
}
.MgT20{
margin-top:20px
}
.MgT30{
margin-top:30px
}
.MgT40{
margin-top:40px
}
.MgB10{
margin-bottom:10px
}
.MgB15{
margin-bottom:15px
}
.MgB20{
margin-bottom:20px
}
.MgB30{
margin-bottom:30px
}
.Mg0_10{
margin:0 10px
}
.Mg10_0{
margin:10px 0
}
.Mg20_0{
margin:20px 0
}
.MgR10{
margin-right:10px
}
.MgR20{
margin-right:20px
}
.MgR30{
margin-right:30px
}
.MgR40{
margin-right:40px
}
.MgL10{
margin-left:10px
}
.MgL20{
margin-left:20px
}
.LC{
text-align:center
}
.nomobil{
display:none
}
.mobil{
display:block
}
.pointer{
cursor:pointer
}
.nopointer{
cursor:default
}
.drag-container {
display: flex;
align-items: stretch;
padding:0px
}
.drag{
overflow:hidden;
}
.drag-container .trennung{
flex-grow: 0;width:10px;border: 5px ridge rgba(12,2,0,0.12);cursor:e-resize;z-index:100;
}
.drag-item{
border:1px silver solid;
padding:15px
}
.explorer ul {
padding:0px;
margin:0;
list-style:none;
}
.explorer li {
list-style-image: url('/system/images/explorer/open.png');
list-style-position: inside;
white-space:nowrap;
cursor:pointer
}
.explorer ul li{
padding-left:0px
}
.explorer ul li ul li{
padding-left:10px
}
.explorer li.close{
list-style-image: url('/system/images/explorer/close.png');
}
.explorer .close ul{
display:none
}
.explorer li.file{
list-style-image: url('/system/images/explorer/leaf.png');
list-style-position: inside;
}
.kbDivCheck {
border-radius: 5px;
background-clip: padding-box;
box-sizing: border-box;
font-size:inherit;
width: 100%;
padding:6px 9px;
background: white;
border: 1px solid #DADADA;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.kbDivCheck ul {
padding: 0px;
margin: 5px 0 0 -10px;
display: none;
position: absolute;
background-color: #f8f8fa;
z-index: 1000;
border: 1px solid #dadae5;
max-height:300px;
overflow:auto
}
.kbDivCheck ul li{
list-style:none;cursor:pointer;
padding:5px 8px 5px 25px;
background:url('/system/images/check/checkLeer.png') no-repeat 4px 7px;
background-size:13pt;
font-size:11pt
}
.kbDivCheck ul li.checked{
background-image:url('/system/images/check/checkBlack.png')
}
.kbDivCheck ul li:hover{
background-color:#FBE375
}
.kbDivCheck {
background:white url('/system/images/selectPfeil.png') right center no-repeat
}
.kbDivCheck .caption{
font-size:11pt;white-space: nowrap;overflow:hidden
}
table{
border-collapse:collapse;
border-bottom:0;
border-spacing:0;
}
table th, table td{
padding: .3em .5em .3em .5em;
text-align:left;
}
table td:before{
content:" ";
}
table.tnowrap td{
white-space:nowrap
}
table.Input input{
border:none; background:transparent;
cursor: pointer;padding:0;margin:0;
}
table.Input input:focus{
border:none; background:transparent
}
.tableInput{
background-color:#FDF2BA;
}
table.Hover tr:hover{
background:#FDF2BA;cursor:pointer
}
table.Linie th, table.Linie td{
border-top:none;
border-left:none;
border-right:none;
}
table.noGrid th, table.noGrid td{
border:none
}
table td.maxWidth200{
max-width:200px;
overflow:hidden
}
table.Responsiv th{
display:none
}
table.Responsiv td{
float:left;
width:100%;
border-top:none;
border-left:none;
border-right:none;
overflow:hidden;
}
table.Responsiv td:before {
content: attr(data-header)"";
word-wrap: break-word;
background: #eee;
overflow: hidden;
white-space: nowrap;
width: 20%;
float: left;
padding: 6px;
font-weight: bold;
margin: -6px 8px -6px -8px;
overflow-wrap: break-word;
}
table.Responsiv.Linie td{
border:none
}
table.Responsiv td:last-of-type{
border-bottom:none
}
table.Responsiv td.maxWidth200{
max-width:80%;
overflow:inherit
}
table.tbNoHeader{
border-width:1px ;
border-style:solid;
border-collapse: collapse;
}
table.tbNoHeader.gGray{
border-color:#A6A6A6;
}
table.tbNoHeader.gBlue{
border-color:#0849B9;
}
table.tbNoHeader td{
border-top-width:1px;
border-top-style:solid;
float:none;
}
table.tbNoHeader tr:last-of-type td{
border-bottom-width:1px ;
border-bottom-style:solid;
}
table.tbNoHeader.gGray tr:last-of-type td{
border-bottom-color:#A6A6A6;
}
table.tbNoHeader.gBlue tr:last-of-type td{
border-bottom-color:#0849B9;
}
table.tbNoHeader td:last-of-type{
border-bottom-width:0px ;
}
table.tbNoHeaderResponsiv {
border-width:0px ;
border-collapse: separate;
}
table.tbNoHeaderResponsiv td{
border:0px;
float:left;
vertical-align:top;
}
table.tbNoHeaderResponsiv tr:last-of-type td{
border-bottom:0px;
}
table.tbNoHeaderResponsiv td:last-of-type{
border-bottom:15px white solid;
}
table.tbNoHeaderResponsiv tr td:first-of-type{
font-weight:bold;
min-width:200px;
width:100%
}
table.tbNoHeaderResponsiv.gGray tr td:first-of-type{
background: #E4E4E4;
}
table.tbNoHeaderResponsiv.gBlue tr td:first-of-type{
background: #C4D7F7;
}
table.tbNoHeaderResponsiv tr td:last-of-type{
width:100%;
}
table.tbNoHeaderResponsiv.gGray tr td:last-of-type{
background:#F6F6F6
}
table.tbNoHeaderResponsiv.gBlue tr td:last-of-type{
background:#F5F9FE}
.brdRed{
border:1px red solid!important
}
input[type=checkbox].brdRed{
border:0px red solid!important
}
.Fotowh{
position: absolute;
left: 2px;
bottom: 0;
right: 2px;
font-size: 13px;
height: 30px;
width:100%;
text-align:center
}
#wkBanner{
position: absolute;width:0px;height:100%;overflow:hidden;top:0px;z-index:20000;right:0px ;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
#wkSlideContainer{
position:absolute;
height:100%;
max-width:400px;
background-color:white;
display:block;
width:350px;
right:0;
top:0;
border-left:1px silver solid;
overflow: scroll ;
}
.wkSlideWeiter{
background:#E6E6E6;
padding:20px 15px;
font-size:13pt;
cursor:pointer;
}
.wkSlideWeiter::before{
content:'\2BC7';
margin:4px 5px
}
.wkSlideWeiter:hover{
color:red
}
.wkSlideTitel{
font-size:13pt;
font-weight:bold;
padding:20px 15px;
}
.wkSlideProduct {
padding:8px 15px;
}
.wkSlideNewProduct {
padding:20px 15px;
}
.wkIco {
float: right;
border: 1px orange solid;
border-radius: 4px;
font-size: 9pt;
font-weight: bold;
margin: -50px 100px 0 0;
padding: 3px 6px;
cursor:pointer
}
#Suche{
width:300px;
background:url('/images/ico/lupe.png') 275px 6px no-repeat;
}
#Suche:focus{
background: #FDF2BA;
background-image:none
}
.back{
cursor:pointer;
font-weight:bold;
display:inline-block;
margin-top:0px
}
.back:before{
content:"\2BC7";
margin-right:6px;
}
.HeaderCaption{
font-weight:bold;
position:absolute;
margin-top:30px;
margin-left:20px;
font-style:italic;
color:#FF9900;
}
.HeaderLink{
cursor:pointer;
font-weight:bold;
display:inline-block;
margin-top:0px
}
.HeaderLink:before{
content:"\2BC7";
margin-right:6px;
}
.HeadlineIco{
float:left;text-align:center!important;font-size:6pt;width:70px;cursor:pointer
}
.HeadlineIco i{
font-size:22pt
}
.HeadlineIco.small i{
font-size:18pt
}
.AdminNavig{
margin:0 10px;
max-width:1400px;
padding:10px 0 2px 0;
position:relative;
border-bottom: 1px silver solid;
font-weight:bold;
font-size:12pt;
min-width:350px
}
.AdminNavig .link{
cursor:pointer;
font-weight:bold;
display:inline-block;
margin-top:0px
}
.AdminNavig .icos{
position:absolute;
right:0;top:6px
}
.AdminNavig .item{
float:left;text-align:center!important;font-size:6pt;width:70px;cursor:pointer
}
.AdminNavig i{
font-size:22pt
}
.AdminNavig.small i{
font-size:18pt
}
.AdminNavig label{
font-size:9px;font-weight:normal;cursor:pointer
}
.link:before{
content:"\2BC7";
margin-right:6px;
}
.Main{
padding:0; overflow:hidden;
}
.MainLeft {
width: 98%;
margin-left:2%
}
.MainRight {
width: 98%;
margin-left: 0; margin-right:2%
}
#Slider2Content{
background-color:#D0D5DD;padding:15px 0 25px 0; margin:40px 0;
}
#Slider2Content h2{
width:100%; max-width:1200px; margin:0 auto 15px auto;
}
#Slider2Content .slider{
background-color:#D0D5DD;
width:100%; max-width:1200px; margin:auto;
}
.sliderHighlightContainer{
position:relative;height:230px; background:white;
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.75);
margin-bottom:10px;
height:410px;
overflow:hidden;
}
.sliderHImg{
float:none;width:100%; max-width:180px; margin:10px auto 0 auto
}
.sliderHTxt{
float:none;padding:8px;width:230px;
}
.sliderHPreis{
position:absolute; bottom:8px;right:8px;font-weight:bold
}
.gOrangeShadow{
background-color:#FF9A2B;
font-size:16pt;
padding:10px 20px;
text-align:center;
white-space:normal;
-webkit-box-shadow: 2px 2px 6px 2px rgba(124,124,124,1);
-moz-box-shadow: 2px 2px 6px 2px rgba(124,124,124,1);
box-shadow: 2px 2px 6px 2px rgba(124,124,124,1);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px ;
}
.gOrangeShadow a{
text-decoration:none; color:black;
}
.gOrangeShadow:hover, .gOrangeShadow:hover a {
text-decoration:none;
cursor:pointer;
color:white;
text-shadow:2px 2px 2px black
}
.stTxt{
background:#FF9900;color:white;font-weight:bold;position:absolute;left:0px;top:18px;padding:3px 6px
}
.stTxtVerkauf{
background:white;color:red;font-weight:bold;position:absolute;left:0px;top:18px;padding:3px 6px
}
.stTextVerkaufPreis{
background:#FF9900;color:white;font-weight:bold;position:absolute;padding:3px 6px;margin-top:8px
}
#FixR {
position: fixed;
top: 40%;
left: 0;
z-index: 300;
display:none;
}
.flexfixbox {
background: #FF9900;
padding: 10px;
color: white;
font-weight: bold;
margin-bottom: 10px;
height: 70px;
width: 80px;
font-size: 9pt;
cursor: pointer;
}
.flexfixboxinner {
text-align: center;
}
.flexfixboxinner a {
text-align: center;
color:white
}
.flexfixboxinner img {
height: 40px;
}
#flexfixboxinnerTelefon {
position: absolute;
padding: 10px;
font-size: 9pt;
width: 180px;
white-space: nowrap;
background: #FF9900;
margin-left: 70px;
height: 70px;
display: none;
margin-top: -10px;
}
.faqGruppe {
font-size: 14pt;
font-weight: bold;
font-weight: bold;
background-color:#FF9900;
padding: 6px;
margin: 40px 0 20px 0;
color: white;
}
.faq {
font-size: 12pt;
font-weight: bold;
padding: 9px 9px 9px 36px;
border: 1px #FF9900 dotted;
margin-bottom: 15px;
background-image: url('/images/ico/plus.png');
background-position: 6px 8px;
background-repeat: no-repeat;
cursor: pointer;
}
.faqAw {
font-size: 12pt;
font-weight: normal;
display: none;
color: gray;
padding: 9px 0 0 2px;
}
.flex.start div.flex-item.flexauto div:first-child:hover{
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
}
.flex.start div.flex-item.flexauto div:first-child:hover div{
background:#EC7C00;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.flex .flex-item.flexStart{
width:95%
}
.flex .flex-item.flexStart:first-of-type{
padding-bottom:0px; text-align:center;
}
.flex .flex-item.flexStart:nth-of-type(2){
padding:0px;
}
.flex .flex-item.flexStart:last-of-type{
padding-top:0px
}
.flex .flex-item.flexStart:first-of-type img{
width:22vw;
min-width:150px;
max-width:223px;
cursor:pointer
}
.flex.toWK{
margin:auto;
box-shadow: 1px 1px 4px 1px rgba(124,124,124,1);
-webkit-box-shadow: 1px 1px 4px 1px rgba(124,124,124,1);
-moz-box-shadow: 1px 1px 4px 1px rgba(124,124,124,1);
max-width:150px;
cursor:pointer;
}
.flex .flex-item.boxWKCaption{
background-color:#F5F6F8; color:#FF9900;font-weight:bold;padding:4px;text-align:center
}
#WKInhalt{
width:100%; max-width:320px; margin:auto
}
.BoxCaption h2{
font-size:12pt;margin:0
}
.flex .flex-item.flexListe:first-of-type{
width:100%;
}
.flex .flex-item.flexListe:last-of-type{
width:100%;
}
#ListeLeft{
padding:15px;
background-color:#F8F8F8
}
#WKContent{
background-color:#F2F2F2; padding:5px 20px 20px 20px;
width:100%
}
#WKInhalt{
width:100%; max-width:320px; margin:auto
}
.flex-item.flexWKDetail{
width:100%;margin-right:0px
}
.icoUp{
display:inline-block; background:url('/system/images/icos/up.png') no-repeat left top;
padding-left:20px;padding-right:30px;
cursor:pointer; color:gray
}
.icoDown{
display:inline-block; background:url('/system/images/icos/down.png') no-repeat left top;
padding-left:20px;cursor:pointer;color:gray;padding-right:30px;
}
.icoUp:hover, .icoDown:hover{
color:black;
}
.downLoad {
padding-left: 25px;
background: url(/images/pdf.png) left 2px no-repeat;
cursor: pointer;
}
a.LinkDownload{
color:black!important;
text-decoration:none!important;
}
a.LinkDownload:hover{
color:#F07D00!important;
text-decoration:none!important;
}
#BlockRight{
background-color:#F5F6F8; padding:10px 20px 20px 20px;
width:100%;max-width:320px;margin:auto
}
#BlockMwSt{
background-color:#E9EBEF; padding:6px 20px 6px 20px;
width:100%;max-width:320px;margin:0 auto 20px auto;
color:gray; font-size:10pt
}
.p1, .p2, .p3{
font-size:12pt;
}
.p1:before, .p2:before, .p3:before{
content:'\2714' ;
margin-right:6px;
color:#880000;
font-weight:bold;
}
.p1{
margin-left:-20%
}
.p3{
margin-left:16%
}
@media all and (min-width: 420px) {
.sliderHighlightContainer{
height:120px
}
.sliderHImg{
float:left;margin:0
}
.sliderHTxt{
float:left;padding:8px;max-width:230px;
}
}
@media all and (min-width: 500px) {
.flex .flex-item.flexStart{
width:auto
}
.flex.boxWK{
margin-top:15px
}
}
@media all and (min-width: 560px) {
h1{
font-size:20pt
}
h2{
font-size:18pt
}
h3{
font-size:16pt
}
.wkIco {
margin: -50px 20px 0 0;
}
}
@media all and (min-width: 600px) {
.flex .flex-item.flexListe:first-of-type{
max-width:300px;
}
.flex .flex-item.flexListe:last-of-type{
max-width:calc(100% - 340px);
}
}
@media all and (min-width: 850px) {
#gSite {
position: relative;
min-height: 100%;
padding-bottom:195px;
}
}
@media all and (min-width: 710px) {
.MailBlockLeft{
float:left;
min-width:30px;
margin-right:20px; width:calc(100% - 330px)
}
.MailBlockRight{
float:right;
min-width:30px;
}
}
@media all and (min-width: 800px) {
.flex .flex-item.flexgallery:first-of-type{
width:60%
}
.flex .flex-item.flexgallery:last-of-type{
width:38%; min-width:300px
}
.flex .flex-item.flexDetail:first-of-type {
width:58%;
margin-right:2%
}
.flex .flex-item.flexDetail:nth-of-type(2){
width: 30%;
min-width:300px;
max-width:320px
}
.flex .flex-item.flexWK{
-webkit-flex: 1 0 45%;
-moz-flex: 1 0 45%;
-ms-flex: 1 0 45%;
flex: 1 0 45%;
width: auto;
max-width:45%
}
}
@media all and (min-width: 850px) {
.LC{
text-align:left
}
.MainLeft {
width: 28%;
float: left;
border-top: none;
margin-left:0;
}
.MainRight {
width: 66%;
margin-left: 34%;
margin-right:0;
/* Trick für gleichlange Spalten - dazu gehört ein overflow: hidden für den umgeb. Container */
margin-bottom: -99999px !important;
padding-bottom: 99999px !important;
}
}
@media all and (min-width: 950px) {
.wkIco {
margin: -40px 20px 0 0;
border-width:2px
}
}
@media all and (min-width: 1030px) {
.flex .flex-item.flexgallery:first-of-type{
width:65%
}
.flex .flex-item.flexgallery:last-of-type{
width:31%; min-width:300px
}
.flex .flex-item.flexDetail:first-of-type {
width:66%;
margin-right:2%
}
.flex .flex-item.flexWKDetail:first-of-type {
width:66%;
margin-right:2%
}
.flex .flex-item.flexWKDetail:last-of-type{
width: 20%;
min-width:300px;
max-width:320px
}
}
@media all and (min-width: 1385px){
#FixR{
display:block
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/*ms mittig setzen mit margin*/
}
.TContent p, .TContent ul li,.TContent ol li{
}
h1.SiteTitel{
font-size:16pt; text-align:left;color:#ED7D31
}
.BlockRight{
margin-left:40px; min-width:30px;
}
.BlockLeft{
margin-right:40px; min-width:30px;
}
.Block p, .Block1{
}
.flex div.flex-item.flexauto.Block2{
width:48%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.flex div.flex-item.flexauto.Block2 img{
max-width:100%;
}
.flex div.flex-item.flexauto.Block3{
width:32%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.flex div.flex-item.flexauto.Block4{
width:23%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.BlockOrange{
padding:10px; background-color:#FF9928;display:inline-block
}
.BlockOrange h4{
margin:0;text-align:center
}
.BlockOrange ul{
padding-left:10px; margin-left:20px
}
@media all and (max-width: 650px) {
.BlockRight img, .BlockLeft img{
width:100%!important;
height:auto;
}
.BlockRight, .BlockLeft{
margin-left:0px; margin-right:0px
}
.flex div.flex-item.flexauto.Block2, .flex div.flex-item.flexauto.Block3, .flex div.flex-item.flexauto.Block4{
width:100%;
}
.flex div.flex-item.flexauto.Block2 img, .flex div.flex-item.flexauto.Block3 img, .flex div.flex-item.flexauto.Block4 img{
width:100%;
}
}