@charset "utf-8";
/* CSS Document */

/*Navigation Colors
#23ba00 35,186,0 Grün: Navitext aktiv und Linien Hauptmenü
#ababab 171,171,171 Hellgrau: Navitext und Linien Submenü
#2a2a2a 42,42,42 Dunkelgrau: Hintergrund 
*/

/*Fonts*/
@font-face {
    font-family: 'ConduitITCLightBold';
    src: url('../fonts/conduit.eot');
    src: url('../fonts/conduit.eot') format('embedded-opentype'),
         url('../fonts/conduit.woff') format('woff'),
         url('../fonts/conduit.ttf') format('truetype'),
         url('../fonts/conduit.svg#ConduitITCLightBold') format('svg');
}

body { font-size:16px; }
body a { color:#2a2a2a; }
body a:hover { color:#2a2a2a; }
.wrap1, .wrap2 { position:relative; width: 100%; max-width: 100%; overflow: hidden; }
span.hide { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 0px !important; }
.container { max-width:1024px;  }
.sidrtoggle { margin-left: 30px; }
.sidrtoggle i { font-size: 3rem; color:#fff; }
.sidrtoggle a { font-size: 2rem; color:#fff; }
#sidr { display:none; }
.logo img { max-width: 100%; height: auto; width:300px; }
.navigation { font-size: 1.4rem; color:#fff; }
.navigation a { font-size: 1.4rem; color:#fff; }
.navigation i { margin-left: 10px; }
.navModalBtn { margin-right: 6px; }
.header { background: rgba(2,45,70,.3); position: fixed; top:0; width: 100%; z-index: 10; padding: 10px 0; }

a.toplink { display: block; background: #fff; width:50px; height: 50px; line-height: 44px; border-radius: 50%; position: fixed; right:40px; bottom: 50px; text-decoration: none; border: 3px solid #23ba00; display:none; }
a.toplink:before { display:block; font-family: fontawesome; font-size: 2.2rem; content: '\f102'; color:#23ba00; text-align: center; }
a.toplink:hover { text-decoration: none; opacity: .75; background:#8EE779;  }

.background-footer { margin-top:-13px; }
/*
.background-5 { margin-top:-11px; }
.background-3 { margin-bottom: -4px; }
.background-2 { margin-bottom: -7px; }
*/

.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: none;
    overflow-y: auto;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 1rem;
    background: #2a2a2a;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0px 0px #ebebeb;
    -moz-box-shadow: inset 0 0 0px 0px #ebebeb;
    box-shadow: inset 0 0 0px 0px #ebebeb;
    padding: 0 30px;
    padding-top: 100px;
}
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #23ba00;
    border-bottom: 0px solid #fff;
}
.sidr a { color:#fff; }
.sidr a:hover { color: #23ba00; }
.sidr ul li {
    margin: 0;
    line-height: 55px;
    border-top: 0px solid #23ba00;
    border-bottom: 1px solid #23ba00;
}
.sidr ul li ul li {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.sidr ul li.dropdown ul { border-top: 1px solid #ababab; }
.sidr ul li a, .sidr ul li span {
    padding: 0 0px;
    color: #fff;
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
    border-top:none;
    line-height:55px;
}
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
    -webkit-box-shadow:inset 0 0 0px 0px #ebebeb;
    -moz-box-shadow:inset 0 0 0px 0px #ebebeb;
    box-shadow:inset 0 0 0px 0px #ebebeb;
}
.sidr ul li.active > a { color: #23ba00; }
.sidr ul li ul li a { color:#ababab; padding-left: 20px; font-size: .8rem; }
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
    border-top:none;
    /*line-height:40px;*/
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.sidr ul li ul li { border-bottom: 1px solid #ababab; }
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {
    -webkit-box-shadow:inset 0 0 0px 0px #ebebeb;
    -moz-box-shadow:inset 0 0 0px 0px #ebebeb;
    box-shadow:inset 0 0 0px 0px #ebebeb;
}
.sidr ul li.active ul li a:hover, .sidr ul li.active ul li.active a { color: #fff; }

/*Slider*/
.flexslider {
    margin: 0 0 0px;
    background: transparent;
    border: 0px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: '' 0 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 0px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 0px 0px rgba(0, 0, 0, 0.2);
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    z-index: 10;
}
.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f001';
    color: rgba(35, 186, 0, 1);
    text-shadow: none;
    
}
.flex-direction-nav a {
    text-decoration: none;
    background: #fff;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(35, 186, 0, 1);
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 2px solid #23ba00;
text-align: center;

}
.flex-direction-nav a.flex-prev { padding-top: 5px; height: 40px; }
.flex-direction-nav a.flex-next { padding-top: 5px; height: 40px; }
.flex-direction-nav .flex-next { text-align: center; }
.flex-control-paging li a:hover { background: #23ba00; background: rgba(35, 186, 0, 1); }
.flex-control-paging li a { background: #23ba00; background: rgba(35, 186, 0, 1); }

/*Navigation*/
.navigation {  }
.navModalBtn { cursor: pointer; }


/*Language*/


/*Content*/
.contentwrap { position:relative; width: 100%; max-width: 100%; overflow: hidden; margin-bottom: 0 !important; }
.contentwrap ul { list-style: none; padding-inline-start: 30px; }
.contentwrap ul li:before { font-family:fontawesome; /*padding-top: .6rem;*/ position:absolute; left:1rem; content: '\f00c'; color:#23ba00; }
.frame-type-menu_sitemap { text-align: left; }
.frame-type-menu_sitemap ul { list-style: square; }
.frame-type-menu_sitemap ul li:before { content: ''; left: auto; }
.content-wrap-1 { background: url('../images/Uebergang1.svg') no-repeat; background-size: 100% auto; background-position: center bottom; padding-bottom: 150px; }
.content-wrap-2 { background: url('../images/Uebergang2.svg') no-repeat; background-size: 100% auto; background-position: center bottom; background-color: rgba(75,158,171,1); padding-top: 40px; padding-bottom: 100px; }
.content-wrap-2 .container {  }
.content-wrap-3 { background: url('../images/Uebergang3.svg') no-repeat; background-size: 100% auto; background-position: center bottom; padding-top: 40px; padding-bottom: 100px; }
.content-wrap-4 { background-position: center top; background: url('../images/Uebergang4.svg') no-repeat; background-size: 100% auto; background-color: rgba(75,158,171,1); padding-top: 60px; padding-bottom: 10px; }
.content-wrap-5 { background: url('../images/Uebergang5.svg') no-repeat; background-size: 100% auto; background-position: center top; background-color: rgba(142,231,121,1); padding-top: 220px; padding-bottom: 50px; }

.content-5-filled img { cursor: pointer; }

/*partialCols*/
.partialCol .ce-gallery img { max-width: 80%; height: auto; float:right; margin-bottom: 10px; } 
.content-3-filled .partialCol img { float:left; } 
.content-5-filled .partialCol img { float:left; } 

/*Header*/
body h1 { font-size:2.4rem; line-height:1.3em; font-family: 'ConduitITCLightBold', sans-serif; }
body h2 { font-size:2.2rem; line-height:1.25em; font-family: 'ConduitITCLightBold', sans-serif; margin-bottom: 1.7rem; }
body h3 { font-size:1.6rem; line-height:1.2em; font-family: 'ConduitITCLightBold', sans-serif; }
body h4 { font-size:1.4rem; line-height:1.15em; font-family: 'ConduitITCLightBold', sans-serif; }
body h5 { font-size:1.3rem; line-height:1.1em; font-family: 'ConduitITCLightBold', sans-serif; }
body h6 { font-size:1.2rem; line-height:1.05em; font-family: 'ConduitITCLightBold', sans-serif; }

body .servicesbox h2 { margin-bottom: .5rem; }

/*Modals*/
#infoModal .frame {  }
#infoModal .frame:after {
      content : "";
      position: absolute;
      left    : 25%;
      right: 25%;
      height  : 1px;
      width   : 50%;  /* or 100px */
      border-bottom:1px solid #23ba00;
      padding: 5px;
}
#infoModal .frame:last-of-type:after { border-bottom: none; }
body .modal-header h5 { font-size: 2rem }
#infoModal .ce-gallery { width: 30%; }
#infoModal .ce-gallery img { width: 100%; }
#infoModal a { color: #23ba00; text-decoration: none; }
#infoModal a:hover {  color: #23ba00; text-decoration: underline; }
.mailLinkInModal { font-size: 2.4rem; }

/*Images*/
.ce-gallery img { max-width: 100%; height: auto; }

/*Lightbox*/
#cboxOverlay { background-image: none; background: rgba(42,42,42,.9); }
#cboxClose {
    position: absolute;
    bottom: -3px;
    right: 0;
    background: none;
    width: 30px;
    height: 30px;
    text-indent: 0;
}
#cboxNext {
    position: absolute;
    bottom: -3px;
    left: 27px;
    background: none;
    width: 30px;
    height: 30px;
    text-indent: 0;
}
#cboxPrevious {
    position: absolute;
    bottom: -3px;
    left: 0;
    background: none;
    width: 30px;
    height: 30px;
    text-indent: 0;
}
#cboxPrevious:before { font-family:fontawesome; content: '\f0a8'; font-size:1.3rem; color:#23ba00; }
#cboxNext:before { font-family:fontawesome; content: '\f0a9'; font-size:1.3rem; color:#23ba00; }
#cboxClose:before { font-family:fontawesome; content: '\f057'; font-size:1.3rem; color:#23ba00; }
#cboxCurrent {
    position: absolute;
    bottom: 0px;
    left: 58px;
    color: #23ba00;
}

/*Boxes*/
.servicesbox-inner h2 { font-size: 1.6rem; }
.content-1-filled { text-align: center; }
.content-1-filled .servicesbox:nth-child(1) .servicesbox-outer {
	min-height: 300px;
    background: url('../images/Backgrond_Box1.svg') no-repeat center center;
    background-size: cover;
}
.content-1-filled .servicesbox:nth-child(2) .servicesbox-outer {
	min-height: 300px;
    background: url('../images/Backgrond_Box2.svg') no-repeat center center;
    background-size: cover;
}
.content-1-filled .servicesbox:nth-child(3) .servicesbox-outer {
	min-height: 300px;
    background: url('../images/Backgrond_Box3.svg') no-repeat center center;
    background-size: cover;
}
.content-1-filled .servicesbox:nth-child(4) .servicesbox-outer {
	min-height: 300px;
    background: url('../images/Backgrond_Box4.svg') no-repeat center center;
    background-size: cover;
}
.servicesbox-inner { padding: 30px; padding-top: 40px; }
.servicesbox { margin-bottom: 20px; }
.servicesbox a:hover { text-decoration: none; }
.servicesbox:hover { opacity: .85; }

.frame-nextcloudbox {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 20px;
    min-height: 340px;
    color:#fff;
    margin-bottom: 30px;
    text-align: center;
}
.frame-nextcloudbox h2 { font-size: 1.6rem; }
.frame-nextcloudbox p { margin-bottom: 0; }
.nextcloud-box-outer:nth-child(1) .frame-nextcloudbox {
    background: rgba(15,101,117,.85);
}
.nextcloud-box-outer:nth-child(2) .frame-nextcloudbox {
    background: rgba(248,193,76,.85);
}
.nextcloud-box-outer:nth-child(3) .frame-nextcloudbox {
    background: rgba(164,151,218,.85);
}
.nextcloudBoxServerspace { font-size: 2rem; font-weight: bold; }
.nextcloudBoxPrice { font-size: 2rem; font-weight: bold; }
.nextcloudBoxCurrency { font-size: .75rem; }

/*Buttons*/
.btn-primary.bss-style {
    color: #fff;
    background-color: #23ba00;
    border-color: #23ba00;
    margin-top: 10px;
}
.btn-primary.bss-style:hover, .btn-primary.bss-style:active, .btn-primary.bss-style.focus, .btn-primary.bss-style:focus {
    color: #fff;
    background-color: #23ba00;
    border-color: #23ba00;
    opacity: .75;
}
body button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

/*Masonry*/
#c48 .ce-row img { max-width: 100px; margin-bottom: 20px; } 


/*Form*/
.frame-type-form_formframework .help-block { display: none; }
.frame-type-form_formframework label { text-indent: -999px; }
.frame-type-form_formframework .btn-toolbar { justify-content: flex-end; }
.frame-type-form_formframework .btn-primary {
    color: #fff;
    background-color: #23BA00;
    border-color: #23BA00;
}
.frame-type-form_formframework .btn-primary:hover {
    color: #fff;
    background-color: #33FD00;
    border-color: #33FD00;
}
#contactFormModal .btn-group {
    width: 100%;
    margin: 14px 0;
}



/*News*/

/*Footer*/
.footerwrap { background: url('../images/UebergangFooter.svg') no-repeat; background-size: 100% auto; background-position: center top; background-color: #fff; color:#2a2a2a; padding-top: 60px; }
.copyright { text-align: right; }
.copyright a, .copyright img { position: relative; }
.footerwrap a { color:#23BA00; text-decoration: none; }
.footerwrap a:hover { color:#33FD00; text-decoration: underline; }
.footerwrap ul { list-style: none;  }
.footerwrap li { line-height: 1.35rem; padding: 5px 0; }
.footerwrap ul { list-style: none; padding-inline-start: 30px; }
.footerwrap ul li:before { font-family:fontawesome; font-size: .6rem; position:absolute; left:1rem; content: '\f45c'; color:#23ba00; }


/*Modals*/
.modalcontainer { display: none; }
.modal-title { color: #23BA00; }
/*
.modal .modal-header { border-bottom: 1px solid #33FD00; }
.modal .modal-footer { border-top: 1px solid #33FD00; }
*/

#CybotCookiebotDialog a { line-height: 1.2rem !important; }
a#CybotCookiebotDialogBodyLevelButtonAccept, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #23BA00 !important;
    border: 1px solid #23BA00 !important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #23BA00 !important;
    border: 1px solid #23BA00 !important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    background-color: #4B9EAB !important;
    border: 1px solid #4B9EAB !important;
}
#CybotCookiebotDialogBodyContentTitle { color: #A497DA !important; }

/*Smartphones*/
@media (max-width:679px) { 
}

@media (max-width:768px) { 
    .flexslider { margin: 0 0 20px; }
    .navigation { font-size: 1.8rem; }
    .navigation i { margin-left: 8px; }
    .sidrtoggle { margin-left: 5px; }
    .flex-direction-nav a { top:70%; }
    .content-container{ font-size:1.2rem; }
    .footer-container { font-size:1.2rem; line-height: 1.4rem; }
    .header .empty { padding-left: 0; padding-right: 0; }
	.content-1-filled .servicesbox:nth-child(1) .servicesbox-outer { min-height: 0px; }
	.content-1-filled .servicesbox:nth-child(2) .servicesbox-outer { min-height: 0px; }
	.content-1-filled .servicesbox:nth-child(3) .servicesbox-outer { min-height: 0px; }
	.content-1-filled .servicesbox:nth-child(4) .servicesbox-outer { min-height: 0px; }
    .content-wrap-1 { padding-bottom: 70px; }
	.content-wrap-2, .content-wrap-3, .content-wrap-4, .content-wrap-5 { padding-bottom: 0px; }
	.content-wrap-5 { padding-top: 100px; }
    .partialCol { padding-bottom: 20px; }
    .partialCol .ce-column, .partialCol figure, .partialCol .ce-gallery { width: 100% !important; height: auto; max-width: none !important; text-align: center; }
    .partialCol .ce-center .ce-outer, .partialCol .ce-center .ce-inner { float:none; right: auto;  }
    .partialCol .ce-gallery img { width: 50% !important; height: auto; max-width: none !important; float: none; display: inline-block; }
    a.toplink { right:30px; bottom: 30px; }
    .footerwrap { padding-bottom: 20px; }
}

@media (max-width:992px) {
}

@media only screen and (min-width: 680px) and (max-width: 992px) and (orientation : portrait) {
}