* {margin:0;padding:0;}

.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family:arial;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family:arial;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}

*::-moz-selection {background-color:#aaa;color:#fff;}
*::selection {background-color:#aaa;color:#fff;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}


/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#fff;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#aaa;font-family:Arial;}
#errorContainer .error {color:#fff;font-family:Arial;}


/* BODY-CONTAINERS */
#main {position:relative;width:100%;margin:0 auto;padding:0 10px;max-width:1440px;box-sizing:border-box;}
#header {position:relative;width:100%;margin:0 0 80px 0;padding:0;box-sizing:border-box;z-index:5;}
#header {margin-top:30px;}
.startpage #header {margin-bottom:10px;}
#header-content {position:relative;margin:0 auto;padding:0 10px;box-sizing:border-box;}
/*#logorow {position:relative;text-align:center;margin-top:15px;}
#logo {position:relative;display:inline-block;width:430px;margin:0;padding:0;background:url('./../../images/logo_weiss.svg') no-repeat center center;background-size:contain;}*/
#logo img {margin:0;padding:0;border:0;width:auto;height:auto;max-width:100%;max-height:100%;}
#logo {float:left;position:relative;display:inline-block;width:127px;margin:0 50px 0 0;padding:0;background:url('./../../images/logo_weiss.svg') no-repeat center center;background-size:contain;}

#header-video {position:relative;margin:0 10px 30px 10px;box-sizing:border-box;overflow:hidden;border-radius:5px;}
#header-video video {position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);z-index:0;left:-2px;top:-2px;border-radius:12px;}
#header-video-mask {position:relative;display:block;z-index:1;width:100%;height:auto;}

#content {position:relative;padding:0 10px;max-width:1055px;width:100%;margin:0 auto;box-sizing:border-box;}
#footer {position:relative;width:100%;max-width:1055px;margin:0 auto 105px auto;padding:0 10px;z-index:5;box-sizing:border-box; top: 70px;}
#footer-content {position:relative;width:100%;box-sizing:border-box;margin:90px auto 0 auto;border:2px solid #fff;border-radius:4px;}


/* NAVIGATIONS */
#navigation-container {position:relative;float:left;margin:35px 0 35px 0;width:calc(100% - 335px);}
#navigation-container {width:calc(100% - 335px - 177px);}
#navigation {list-style:none;}
#navigation li {float:left;margin:0 10px 0 0;padding:0;}
#navigation li .navigationDivider {position:relative;display:inline-block;padding:0 9px 0 2px;font-size:22px;letter-spacing:0.83px;text-transform:uppercase;font-weight:normal;}
#navigation li a {font-size:22px;letter-spacing:0.83px;text-transform:uppercase;font-weight:normal;}


/* HEADER ICONS */
#header-icons {position:relative;float:right;margin:35px 0;}
.header-icon {width:32px;height:32px;background:no-repeat center center;background-size:contain;float:left;margin-left:10px;}
.header-icon.elektro {width:42px;background-image:url('./../../images/e_mobility_weiss.svg');}
.header-icon.team {width:42px;background-image:url('./../../images/team.svg');}
.header-icon.downloads {background-image:url('./../../images/download_weiss.svg');margin-left:13px;}
.header-icon.facebook {background-image:url('./../../images/facebook_weiss.svg');}
.header-icon.instagram {background-image:url('./../../images/insta_weiss.svg');}
#header-switch {position:relative;float:left;height:32px;width:60px;margin-left:40px;background:#ffffff;border-radius:32px;cursor:pointer;}
#header-switch-thumb {position:relative;width:28px;height:28px;margin:2px;background:#111111;border-radius:28px;transition:ease-out all 200ms;}
#header-switch.on #header-switch-thumb {margin-left:30px;}


/* SLIDER */
.footerSliderTitle {padding:0 80px;box-sizing:border-box;margin:90px 0 10px 0;}
.footerSlider {position:relative;padding:0 80px;box-sizing:border-box;}
.footerSlide {min-height:72px;outline:0;}
.footerSliderArrow {position:absolute;top:50%;transform:translateY(-50%);width:31px;height:72px;background:no-repeat center center;background-size:contain;cursor:pointer;outline:0;}
.footerSliderArrow.prevArrow {background-image:url('./../../images/pfeil_links.svg');left:0;}
.footerSliderArrow.nextArrow {background-image:url('./../../images/pfeil_rechts.svg');right:0;}


/* FOOTER */
#footer-logo-box {float:left;width:28%;text-align:center;}
#footer-logo-box img {max-width:100%;}
#footer-logo {display:inline-block;width:45%;margin:60px 0;}
#footer-text-boxes {width:72%;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.footerBox {float:left;width:25%;line-height:1.4;box-sizing:border-box;padding:50px 5px 5px 5px;}
.footerBox#footer-title-box {padding-top:15px;}
.footerBox p {margin:12px 0;}
.footerBox a {font-weight:normal;}
#footer-logo {position:relative;display:inline-block;background:url('./../../images/logo_weiss.svg') no-repeat center center;background-size:contain;}
.vcard {width: 24%;}
#vcardimage {background: url('../../images/vcard_weiss.svg') no-repeat center center; background-size:contain;  height: 40px; width: 70px; margin-top: 15px;}

/*FOOTERNAVIGATION*/
#footer-navigation {position:relative;list-style:none;margin:12px 30px 0;}
#footer-navigation .rightColNavi {display:none;}
#footer-navigation li {margin:0;padding:0;}
#footer-navigation li a {color: #fff;}
#footer-navigation li.active > a {color:#fff;}
#footer-navigation li:hover a {text-decoration: none; color: #fff;}


/* MAIN NAVIGATION */
#subpage-startboxes {position:relative;margin:0;width:1420px;left:50%;transform:translateX(-50%);}
#mainNavigation {position:relative;margin:0 0 90px 0;}
.mainNavigationItemBox {float:left;width:calc(100% / 3);padding:11px;box-sizing:border-box;transition:ease-out width 200ms, ease-out height 200ms;}
.mainNavigationItem {height:270px;position:relative;}
#mainNavigation.opened .mainNavigationItemBox {width:26%;transition:ease-out width 200ms, ease-out height 200ms;}
#mainNavigation.opened .mainNavigationItemBox.opened {width:48%;transition:ease-out width 200ms, ease-out height 200ms;}
.mainNavigationItemPreview {position:absolute;border:2px solid #ffffff;border-radius:4px;cursor:pointer;height:100%;width:100%;opacity:1;transition:ease-out opacity 200ms;}
.mainNavigationItemPreview:hover {background:#ffffff;color:#111111;}
.mainNavigationItemPreviewIcon {position:relative;height:140px;width:160px;background:no-repeat center center;background-size:contain;margin:30px auto 0 auto;}
.mainNavigationItemPreviewTitle {margin:25px 0 35px 0;padding:0;line-height:1.1;text-align:center;color:#ffffff;}
.mainNavigationItemPreview:hover .mainNavigationItemPreviewTitle {color:#111111;}
.mainNavigationItemContents {position:absolute;height:100%;left:-11px;right:-15px;opacity:0;pointer-events:none;transition:ease-out opacity 100ms;}
.mainNavigationItemBox.opened .mainNavigationItemPreview {opacity:0;pointer-events:none;transition:ease-out opacity 100ms;}
.mainNavigationItemBox.opened .mainNavigationItemContents {opacity:1;pointer-events:auto;transition:ease-out opacity 200ms;}
.mainNavigationItemContentBox {float:left;width:calc(100% / 3);height:100%;padding:0 11px;box-sizing:border-box;}
.mainNavigationItemContent {border:2px solid #ffffff;border-radius:4px;height:100%;overflow:hidden;}
a.mainNavigationItemContentInner {color:#ffffff;font-weight:normal;display:block;height:100%;position:relative;}
.mainNavigationItemContentInner:hover {color:#111111;background:#ffffff;}
.mainNavigationItemContentTitle {font-size:28px;letter-spacing:0.75px;text-align:center;margin:0;padding:20px 10px;height:72px;overflow:hidden;}
.mainNavigationItemContentDescription {position:relative;padding:0 20px 20px 20px;margin:0;list-style:none;}
.mainNavigationItemContentDescription ul {list-style:none;}
.mainNavigationItemContentDescription ul li {display:block;margin-left:0;margin-bottom:10px;padding-left:20px;background:no-repeat left 7px url('./../../images/liststyle-gray.svg');}
a .mainNavigationItemContentDescription {color:#686868;font-weight:normal;}
a.mainNavigationItemContentInner:hover .mainNavigationItemContentDescription {color:#111111;}
a.mainNavigationItemContentInner:hover .mainNavigationItemContentDescription ul li {background-image:url('./../../images/liststyle-black.svg');}

.mainNavigationItemContentInner {opacity:0;transition:ease-out opacity 200ms;}
.mainNavigationItemBox.opened .mainNavigationItemContentInner {opacity:1;transition:ease-out opacity 200ms 200ms;}

#mainNavigationItemBox-10 .mainNavigationItemPreviewIcon {background-image:url('./../../images/design_weiss.svg');}
#mainNavigationItemBox-10 .mainNavigationItemPreview:hover .mainNavigationItemPreviewIcon {background-image:url('./../../images/design_schwarz.svg');}
#mainNavigationItemBox-13 .mainNavigationItemPreviewIcon {background-image:url('./../../images/coding_weiss.svg');}
#mainNavigationItemBox-13 .mainNavigationItemPreview:hover .mainNavigationItemPreviewIcon {background-image:url('./../../images/coding_schwarz.svg');}
#mainNavigationItemBox-16 .mainNavigationItemPreviewIcon {background-image:url('./../../images/service_weiss.svg');}
#mainNavigationItemBox-16 .mainNavigationItemPreview:hover .mainNavigationItemPreviewIcon {background-image:url('./../../images/service_schwarz.svg');}

@media screen and (max-width:1410px) {
    .mainNavigationItemBox {width:100%;max-width:760px;margin:0 auto;float:none;}
    #mainNavigation.opened .mainNavigationItemBox {width:100%;max-width:760px;}
    #mainNavigation.opened .mainNavigationItemBox.opened {width:100%;max-width:760px;}
}

/* ACCORDEON */
.accordeon > h6 {cursor:pointer;}
.accordeon > h6 > .accordeonArrow {display:inline-block;width:16px;height:10px;background:url('./../../images/pfeil_unten.svg') no-repeat center center;background-size:contain;margin:0 0 0 10px;}
.accordeon > .accordeonContent {display:none;position:relative;}
.accordeon.open > .accordeonContent {display:block;}
.accordeon.open > h6 > .accordeonArrow {background-image:url('./../../images/pfeil_oben.svg')}


/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:0; text-align: center;}
.newsContentText {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#646464;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#646464;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}


/* GALLERIES */
.galleryCatAlbum {position:relative;display:block;float:left;width:240px;height:180px;text-align:center;border:2px solid #000;overflow:hidden;margin:0 8px 25px;padding:0;border-radius: 25px; }
.galleryCatAlbum .mask {position:absolute;top:0;left:0;width:240px;height:180px;overflow:hidden;margin:0;padding:0;}
.galleryCatAlbum .mask {background-color:rgba(255,255,255,0.75);-webkit-transform:translateY(-197px);-moz-transform:translateY(-197px);-o-transform:translateY(-197px);-ms-transform:translateY(-197px);transform:translateY(-197px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.galleryCatAlbum img {position:relative; display:block;}
.galleryCatAlbum .mask h2 {position:relative;font-size:14px; font-weight: 200;text-transform:uppercase;text-align:center;color:#fff;background:#000;margin:18px 0 0 0;padding:8px 0;}
.galleryCatAlbum .mask p {position:relative;font-size:14px;color:#fff;text-align:center;margin:18px 0;padding:0;}
.galleryCatAlbum .mask span {position:relative;display:block;width:135px;font-size:16px;font-style:normal;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;background:#000;margin:0 auto;padding:8px 0;}
.galleryCatAlbum:hover {border:2px solid #000;}
.galleryCatAlbum:hover .mask {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.galleryAlbumImage {position:relative;display:block;float:left;width:240px;height:180px;border:2px solid #000;margin:0 25px 25px;padding:0; margin:0 8px 25px;padding:0;border-radius: 25px;}
.galleryAlbumImage.first {margin:0 0 25px 0;}
.galleryAlbumImage:hover {border:2px solid #000;}


/*GALLERIES HOVER*/
.heading {text-align: center;font-size: 2.0em; letter-spacing: 1px;color: white;transition: transform 0.3s ease;}
.gallery-image {display: flex;flex-wrap: wrap;justify-content: center;transition: transform 0.3s ease;}
.gallery-image img {height: 180px; width: 240px;transform: scale(1.0);transition: transform 0.4s ease;transition: transform 0.3s ease;}
.img-box {box-sizing: content-box;color:#fff;height: 180px; width: 240px;overflow: hidden; display: inline-block;position: relative;transition: transform 0.3s ease;}
.img-box-img {position:relative;display:inline-block;width:240px;height:180px;background:no-repeat center center;background-size:cover;transform: scale(1.0);transition: transform 0.4s ease;}
.transparent-box { height: 180px;width: 240px; background-color:rgba(0, 0, 0, 0);position: absolute;top: 0;left: 0;transition: background-color 0.3s ease;}
.img-box:hover .img-box-img { transform: scale(1.1);}
.img-box:hover .caption {transform: translateY(-20px);opacity: 1.0;}



/*RESSOURCES*/
.resource-thumbnail {padding: 20px;}
.resourcedetail-thumbnail {padding: 20px;}


/*PORDUTCS*/
.productImage {margin-bottom: 20px;}
.productDetailHeadLeft {margin-bottom: 20px;}
.productGroupImage {margin-bottom: 20px;}


/*EVENTS*/
.event-detail-thumbnail {margin-bottom: 20px;}


/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:170px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:306px;color:#646464;background:#fff;border:1px solid #666;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow select {position:relative;float:left;width:306px;color:#646464;background:#fff;border:1px solid #666;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow textarea {position:relative;float:left;width:306px;height:105px;color:#646464;background:#fff;border:1px solid #666;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
/* BUTTONROW */
.buttonRow input   {position:relative;float:right;font-size: 16px;height: 35px;width:306px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow a.button{position:relative;float:right;font-size: 16px;height: 35px;width:306px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#000;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}
.g-recaptcha-required-text {color:red;}



/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;bottom:0;left:0;right:0;background: rgba(60, 60, 60, 0.9) !important;color: #fff;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0, 0, 0, 0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBanner.cmsCookieChoiceBanner {background:rgba(60, 60, 60, 0.9) !important;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#fff;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#333;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #111111;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#888;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #888;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#fff;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}



/* CONTENT ANPASSUNGEN */
.body-page-64 #content table td {vertical-align:top;}
.body-page-64 #content table img {border:1px solid transparent;border-radius:0;width:95% !important;height:auto !important;}
.body-page-64 #content a {color:#686868 !important;}
#content img {filter: grayscale(1)!important;}
.contentContainer table td a {font-weight: normal;}



/*CMS DIREKT PAKETE*/
.direktPaket {height: auto; width: 48%; border: solid 2px #fff; position: relative; float: left; border-radius: 3px; margin-right: 2%; margin-bottom: 20px;}
.pakesheader {width: 100%; height: 85px; }

.leftHead {width: 100%;height: 100%; background: #686868; float: left;}
.paketTitle {text-transform: uppercase; font-size: 30px; margin-top: 20px; margin-left: 20px; width: max-content; float: left;}
.paketPrice {float: right; margin-top: 15px; margin-right: 15px;}
.singlePrice {font-size: 30px;}
.priceAdd {color: #000;}

.rightHead {display: none; width: 20%; height: 100%; background: #fff;float: right; background-image: url(../resources/images/einkaufswagen_schwarz.svg); background-size: 40%; background-position: 50% 50%; background-repeat: no-repeat;}

.leftpaketBody {float: left; width: calc(50% - 40px); padding: 20px;}
.rightpaketBody {float: right; width: calc(50% - 40px); padding: 20px;}

.noMargin {margin-right: 0px;}

#produktform .formRow label {width: 170px;}
#produktform .formRow input[type="text"] {width: 250px;}

#formside {width: 50%; float: left;}
#rightfromside {width: 50%; float: right;}

.teamwrap{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 35px;}
.teamimg{width: 100%;height: 230px;border: 1px solid white;border-radius: 5px;background-repeat: none;background-size: cover;background-position: center;}


/* PAYMENTPORTAL */
#invoicePositions tr td {padding: 5px;}
#invoicePositions tr td:nth-child(1), #invoicePositions tr td:nth-child(4) {text-align: center;}
#invoicePositions tr td:nth-child(2){width: 50px;}
#invoicePositions tr td:nth-child(3){width: 60%;}
#invoicePositions tr td:nth-child(6) {text-align: right;}

#InvoiceTotal {width: 50%; float: right; margin-top: 30px;}
#InvoiceTotal table {width: 100%;}
#InvoiceTotal table tr td:nth-child(2) {text-align: right;}

#InvoiceCustomer {margin-bottom: 50px; top: 10px; position: relative;}




@media screen and (max-width:1080px) {
    .direktPaket {height: auto; width: 100%;}
}

@media only screen and (max-width: 1045px) {
    /*
        #content .leftContent {width: 47%; float: left;}
        #content .rightContent {width: 47%; float: right;}
    */

    #content #colContent .leftContent {float: unset; width: 100%;}
    #content #colContent .rightContent {float: unset; width: 100%; margin-left: 0; margin-bottom: 80px;}
    #content #colContent .midContent {float: unset; width: 100%; margin-left: 0;}
    #content #colContent h3 {height: unset;}

    .formRow label {width:170px;}


}


@media screen and (max-width:880px) {
    #formside {width:100%; float: unset;}
    #rightfromside {width: 100%; float: unset;}
}