body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/open-sans-v43-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/open-sans-v43-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
padding:0;
background-color:#F3F3F2;
color:rgb(68, 68, 68);
font-size:1em;
line-height: 1.5em;
	}

	


html, button, input, select, textarea,
.pure-g [class*="pure-u"] {
    /* Set your content font stack here: */
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400; 
	font-style: normal; 
	 }
	
	
	
* {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
  
#wrapper {
position:relative;
background:white;
}



body.subp #wrapper {
max-width:1440px;
margin: 0 auto;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.12);

	}

img {
		max-width:100%;
		height:auto;
		}


a {
	text-decoration:underline;
	color:rgb(85, 85, 85);
	text-underline-offset: 5px;
	}
	
#outer-id-5	a,
#outer-id-13 a, 
#outer-id-54 a {
	
	color:#F3F3F2;
	}
	
.mod_article_outer[class~="cta-box"]{

}	
	
	/* offensichtlich externe URLs im Profil nicht unterstreichen */
	
  a.url,
	a.url:link {
  text-decoration:none;
  }
  
  a.url:hover,
	a.url:active {
  text-decoration:none;
  }
  
  .mod_breadcrumb li {
  float: left;
 padding:2px 3px;
  padding-right:8px;
  font-size: 0.875em;
}

.mod_breadcrumb li::after {
  content: "/";
  padding-left: 1em;
}

.mod_breadcrumb li a {
  text-decoration: none;
  color: #989898;
}

.mod_breadcrumb[class~="breadcrumb-on-bg"] li a {
  text-decoration: none;
  color: #F3F3F2;
}

.mod_breadcrumb li a:hover {
  text-decoration: underline;
}

.mod_breadcrumb li.last::after {
  content: "";
}
  
  /* END */
  
  footer a,
  footer a:link {
	text-decoration:none;
	color:#989898;
	}	
	
	
a:hover,
a:active {
	text-decoration:underline;
	
	}
	
	.ce_text,
	.ce_image,
	.ce_headline,
	.ce_gallery,
	.mod_newslist,
	.ce_dlh_googlemaps,
	.mod_breadcrumb,
	.ce_form,
	.ce_table,
	.mod_registration,
	.mod_unsubscribe {
	padding-right:0.75rem;
	padding-left:0.75rem;
		}

.mod_article,
footer .inside {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
}

		
/* header */
body.profil #header {
background-image: url("../../files/img/bg3.jpg");
background-repeat: no-repeat;
background-position:center top;
background-size:cover;
background-color:#524289;

}
/* jumbo startseite */
	.home-intro {
  
  color:white;
  display: table;
  min-height:250px;
  }
    
.home-intro h1 {
font-size: 2.625em;
font-weight: 600;
color:white;
}

.home-intro .inner {
display: table-cell;
vertical-align: middle;
}

.text-intro {
 font-size: 1.5em;
line-height: 32px;
max-width: 790px;

}

.arrow-down {

 width:26px;
 height:38px;
 position:absolute;
 bottom:120px;
 left:0;
 right:0;
 margin:auto;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='38' viewBox='0 0 26 38'%3E%3Cpath d='M13.2,3.4a9.1,9.1,0,0,0-9.1,9.1V25.2a9.1,9.1,0,1,0,18.2,0V12.5A9.1,9.1,0,0,0,13.2,3.4Zm7.2,21.8a7.3,7.3,0,0,1-7.2,7.3,7.3,7.3,0,0,1-7.3-7.3V12.5a7.3,7.3,0,0,1,7.3-7.2,7.2,7.2,0,0,1,7.2,7.2Z' fill='%23f3f3f2'/%3E%3Cpath d='M13.2,9.6a.9.9,0,0,0-.9.9v4.3a.9.9,0,0,0,1.8,0V10.5A.9.9,0,0,0,13.2,9.6Z' fill='%23f3f3f2'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
text-indent: -9999px;
}


.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}



/* end */


.header-outer {
/*	position:fixed; */
	width:100%;
	z-index:100;
	padding: 20px 0;
	 background:white;
/*	 transition: all 0.7s ease; */
}
body.profil .header-outer {
	background:transparent;
}

.header-outer-scroll-adddons {
	   transition: all 0.7s ease;
	background:#503f8c !important;
}

.header-inner {
padding-right:0.75rem;
	padding-left:0.75rem;
max-width:1290px;
	margin-left: auto;
  margin-right: auto;
	}
	
	#logo {
		overflow:hidden;
		float:left;
	}
	
#logo a {
background-image:url("../../files/img/logo-sprites.svg");
background-repeat:no-repeat;
width: 185px;
height: 40px;
float:left;
text-indent: -9999px;
}

header #logo a {
background-position: -4px 2px;
margin-top:10px;
}

.logo-white a {
background-position: -4px -98px !important;
}

.logo-grey a {
background-position: -4px -49px;

}


/** Navigation **/

.mod_navigation ul,
.mod_booknav ul,
.mod_breadcrumb ul,
.mod_customnav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.mod_navigation ul {
width:auto;
float:right;
}	

	
/** listenelememte nach links */	
.mod_navigation .level_1 li,
.mod_customnav li {
float:left;
width:auto;
margin:0;
}



/* Menu links und den aktiven Menupunkt gestalten */
.mod_navigation .level_1 a, 
.mod_navigation .level_1 span {
font-weight:600;
color:#503f8c;
text-decoration:none;
padding:0.5em 0.7em;
text-transform:uppercase;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size:.938em;

}

/* Menu startpage links und den aktiven Menupunkt gestalten */
body.profil .mod_navigation .level_1 a, 
body.profil .mod_navigation .level_1 span {

color:#f0f0f0;


}

/* aktiven menupunkt und ubergeordneten hervorheben */
.mod_navigation .level_1 .active,
.mod_navigation .level_1 .trail {
font-weight:600;
color:white;
background: #503f8c;
}

/* menu links bei hover und tab navigation */
.mod_navigation a:hover,
.mod_navigation a:focus {
color:#c2c2c2;
}



/* home */
.home-teaserbox h3::before {
	content:'';
	display:block;
	  background-image: url("../../files/img/startseite-teaser-icons-sprites-black.svg");
    background-repeat: no-repeat;
   height:90px;

 }
 
 .icon-edv h3::before {
    background-position: 20px 22px;
}

.icon-design h3::before {
    background-position: 20px -88px;
}

.icon-ecommerce h3::before {
    background-position: 20px -203px;
}

 
 /* portfolio  */
 
 #outer-id-51,
 #outer-id-52 {
 	background: #f5f5f5;

 }
 
  #outer-id-36 {
 	background: url('../../files/img/bg-jumbo-webdesign-header.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
	color:#F3F3F2;
 	}
 	
 
 	
 	#outer-id-10 {
 	background: url('../../files/img/bg-jumbo-ecommerce-header.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
 	}

   #outer-id-23 {
 	background: url('../../files/img/bg-jumbo-it-solutions-header-3.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
	color:#F3F3F2;
 	}
 	
 	  #outer-id-2 {
 	background: url('../../files/img/bg-jumbo-seo-header.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
	color:#F3F3F2;
 	}
 	
 	/* all cta in jumbo more margin */
 #outer-id-36 .pure-button,
 #outer-id-10 .pure-button,
 #outer-id-23 .pure-button,
 #outer-id-12 .pure-button,
 #outer-id-11 .pure-button,
 #outer-id-2 .pure-button {
 	
 	margin-top: 8px;
 }
 

 
  #outer-id-5,
  #outer-id-13 {
 	background: url('../../files/img/bg2.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
 	}
 	
 	#outer-id-5 h1 {
 		color:white;
 	}
 
 #outer-id-10,
 #outer-id-5,
 #outer-id-13 {
 	color:rgb(243, 243, 242) !important;
 	
 }
 
 
 
 #container .mod_article_outer {
 padding-top:80px;
 padding-bottom:80px;
 
 }
 
 /* breacrumb anpassungen */
 #container #outer-id-57,
 #container #outer-id-58,
 #container #outer-id-59 {
padding-top: 20px;
padding-bottom: 0px;

	
}

 #icons-47 {
 	
  max-width: 1200px;	
 }

 
 
 

 .portfolio-trenner {
 border-bottom: 1px solid #a092cd;
 margin-top: 45px;
margin-bottom: 51px;
 }
 
 
 .trenner::after {
 	content:'';
 	display:block;
 border-bottom: 1px solid #a092cd;
 margin-top: 45px;
margin-bottom: 27px;
 }
 
.portfolio-img figure::before {
	content: '';
    display: block;
    height: 30px;
    width: 99.7%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
	background: white;
    border-top: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;

}



.portfolio-img figure::after {
content: '•••';
position: absolute;
top: 0;
font-size: 1.875em;
left: 23px;
color: #cbc5e3;
font-family: Arial, Liberation Sans;
line-height:100%;
}

.portfolio-img {
position: relative;
}

.portfolio-img figure {
display: inline-block;
 }	 
 
.portfolio-img img {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border: 1px solid #e3e3e3;
}

.ce_text ul {
list-style-type: none;
padding: 0;

}

	/* white li checks on whole site */
.ce_text ul li {
    padding-left: 26px;
    list-style: outside none none;
    float: none;
    margin-bottom: 0px;
    margin-left: 0px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAMAAACKnBfWAAAANlBMVEUAAADy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vJzWm4nAAAAEXRSTlMAHOTghWAi84o8NyfnroEqDFzxjTQAAABGSURBVAjXdc5JDsAgDENRp+k8+/6XLRRLkAV/9yxFCpoMoZtXy5H0yPP5r0wcDqR2LhuwitlpyJxRmkiKdXBRg8dX7EWvD/D+Amsmdf6NAAAAAElFTkSuQmCC') no-repeat scroll 2px 8px / 15px 12px transparent;
}




/* overwrite grey li checks on intro */
.ce_text ul.grey li {
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAMAAADat72NAAAAS1BMVEUAAAB6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enrQb8cDAAAAGHRSTlMA9ZKJQsyDD5qWSOeNeCUc4cC6rmBLEgxcTLwlAAAAb0lEQVQoz73QRw6AMBBD0YHQe8f3PykSQ1FkkgVI/O3bWJZXRVPqUQN0rU+BwasoHVphL3nWUDX/oKFctaZe3dqUQHyckJPKCJyesUoP9Usr+95AfTnUiN2sHrBqhQopuyo7/8z7bmVXddXUkfzcBm2aDWz9ptwgAAAAAElFTkSuQmCC") no-repeat scroll 2px 8px / 15px 12px transparent;
   margin-bottom: 10px;
}


.ce_text ol {
padding-left: 20px;
}




/* headlines */

h1, .h2 {
    line-height: 1.2;
    font-size: 2.125em;
    font-weight: 300;
    margin-bottom: 0.3em;
    margin-top:0;
    color:black;
	}

h3 + h1 {
	margin-top:0;
	}


/* home teaser headlines */
h2, .h1 {
    padding: 0;
    color:black;
    font-weight: 400;
	font-size:1em;
	}
	
	
#outer-id-23 h2, 
#outer-id-23 .h1,
#outer-id-10 h2, 
#outer-id-10 .h1,
#outer-id-36 h2, 
#outer-id-36 .h1,
#outer-id-5 h2, 
#outer-id-5 .h1,
#outer-id-13 h2, 
#outer-id-13 .h1,
#outer-id-33 h3,
#outer-id-54 h4,
#outer-id-12 h2,
#outer-id-12 h1,
#outer-id-11 h2,
#outer-id-11 h1,
#outer-id-11 h3,
#outer-id-2 h1,
#outer-id-2 h2 {
	
color:#F3F3F2;	
}


  
  #outer-id-23 .intro,
  #outer-id-36 .intro {
  color:#F3F3F2;	
  	
  }


.wrapper-teaser-solutions2 h3 + p {
	 margin-top:5px;
	 }

h3, h4 {
    padding: 0;
    margin:0;
    font-weight: 600;
    font-size: 1.125em;
    color:#3f3f3f;
    line-height: 1.6em;
}



/* Form */
		
	input[type="submit"] {
	background-color:#390;
	padding: 13px 24px;
	border-radius: 0;
	border:none;
	color:white;
}
input[type="text"],  input[type="email"], input[type="tel"],  textarea,  fieldset, select {
	border:1px solid #9a86d1;
	padding:8px;
	margin-bottom:16px;
	width:90%;
	color:white;
	display:block;
	background:transparent;
}

input[type="text"].error,  input[type="email"].error, input[type="tel"].error,  textarea.error,  fieldset.error, select.error {
	border-bottom: 1px solid #ea0647;

}

/* form elements hover focus */
input[type="text"]:hover, input[type="text"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="tel"]:hover, input[type="tel"]:focus,
textarea:hover, textarea:focus {
	border:1px solid white;
	outline: none;

	}
	


fieldset {
	padding:0;
	}

input[type="submit"] {
	margin-top:15px;
	margin-bottom: 15px;
}


			span.mandatory {
			display:inline !important;
			margin-left:3px;
			font-size:80%;
			vertical-align: top;
			
			}
			
		

						
				/* add ssl icon submit button */
						input.ssl-icon {
							    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAYBAMAAADquds8AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAAD3RSTlMAmXMmTYZfjxN8QwppHVYtb1QxAAAAYUlEQVQY02MgBnCkimZAmdcFBcUvQAQLRVUFK8BMNsEEhkQ5MJNTlIGBVRLMZBRiYGASRGNyHxRXUlIXzAYyuQTBQBjIZEFlKsKZUlxwphgPQgEjVuZEDMM4AsFMbcJeBABSew0F+NVojwAAAABJRU5ErkJggg==);
								background-position: 13px 10px;
								background-repeat: no-repeat;
								padding-left: 41px !important;
								margin-bottom: 3px;
								cursor: pointer;
						}
						
/*////////////////////////////////////////////////////////////////////////*/
/* Accordion */

/* Inhalt */
.ce_accordion div.accordion > div {
   
   padding:15px 0;
   
    
}
.ce_accordion div.accordion > div p {
	margin-top:0;
	}


/* geschlossen */
.ce_accordion div.toggler {
    margin-bottom:0px;
    padding:15px 0;
background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASBAMAAAByRUkBAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAnxDvzzAg37+vrZO3iAAAADpJREFUCNdjwAQJEIrVEEKzrxKA8K0WQgSCoQJsXisVwAyVVU4QgVULkflMXisUYOoR+hHmGSLsQwAAOMgMJ8O+qNMAAAAASUVORK5CYII=');
	background-repeat:no-repeat;
	background-position:0px 13px;
    border-bottom:1px solid rgb(241, 243, 246);
   outline:none;
    cursor:pointer;
    
}

/* offen */
.ce_accordion div.active {
    padding:15px 0;
background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANBAMAAABWYCMqAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAYJ8w74DPEI9w+eIrngAAAEtJREFUCNdjwAbYk0AkiOBYFcDAwLRqAgMDs9dCBgatZQVAQatVAqyrnEFKGFctllpiANYjtWTVYohu1lWrBKAGaS2EGckUwIADAADX5g3r/MmsewAAAABJRU5ErkJggg==');
	background-repeat:no-repeat;
	background-position:-1px 17px;
	cursor:pointer;
	
    
}

.ce_accordion div.toggler h3 {
	font-weight:400;
	
}

.icon-width {
	max-width:825px;
	}

.icon-width-home {
	max-width:390px;
	}


#networking h2,
#security h2,
#virtualisierung h2,
#storage h2,
#migration h2,
#voip h2{
font-size: 1.5em;

}


.icon-it p,
.icon-edv p,
.icon-design p,
.icon-ecommerce p {
	text-align:center;
	font-size:0.938em;
}


.icon-it p::before {
  background-image: url("../../files/img/it-service-icons-sprites-black.svg");
  background-repeat: no-repeat;
  padding-top: 34px;
  content: '';
height: 46px;
display: block;
background-size: 68px;
}

.icon-network p::before {
background-position: center -69px;	
	
}

.icon-sicherheit p::before {
background-position: center -379px;	
	
}

.icon-virtualisierung p::before {
background-position: center -178px;	
	
}

.icon-storage p::before {
background-position:center 18px;	
	
}

.icon-migration p::before {
background-position:center -277px;	
	
}

.icon-voip p::before {
background-position:center -488px;	
	
}

.home-teaserbox p::before {
  background-image: url("../../files/img/startseite-teaser-icons-sprites-router-black.svg");
  background-repeat: no-repeat;
  padding-top: 36px;
  content: '';
height: 49px;
display: block;
}

.icon-edv p::before {
  background-position: center 17px;
}

.icon-design p::before {
  background-position: center -85px;
}

.icon-ecommerce p::before {
  background-position: center -200px;
}

/* CTA Teaser */
#outer-id-54,
#outer-id-33,
#outer-id-12,
#outer-id-11,
#outer-id-58,
#outer-id-59 {
	background-image: linear-gradient( 90deg, rgb(100,79,146) 0%, rgb(145, 74, 150) 100% );
	color:#F3F3F2;
	
}

.icon-tel {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='269' height='265' viewBox='0 0 269 265'%3E%3Cpath d='M16.88,209.53c14.06,17.44,31.3,31.23,50.73,42.28a26.31,26.31,0,0,0,5.55,1.87,128,128,0,0,0,39.36-10.82c44.33-19.88,79.13-51.17,107.16-90.35,14.63-20.46,25.79-42.6,31.31-67.41,1.9-8.51,1-15.78-4-23.09C236,46.2,224.47,31,209.39,18.84c-10-8-18.12-6.9-25.17,3.88C175,36.77,166.48,51.23,157.8,65.6c-1.53,2.53-2.33,5.49-3.54,8.23-3.19,7.2-1.48,13.32,4.16,18.48,4.06,3.71,8.15,7.39,12.41,10.85,2.11,1.72,2.7,3.22,1.64,5.9-12.16,31-33.69,52.61-64.83,64.45-1.43.54-4.14-.28-5.3-1.43-4.11-4.11-7.69-8.75-11.7-13-4.8-5.07-10.56-6.82-17.22-3.93-4.88,2.12-10,3.89-14.49,6.62-13,7.85-25.83,15.82-38.37,24.28C11.23,192.37,9.92,200.9,16.88,209.53Zm11.48-9.36A263.94,263.94,0,0,1,77,171.11c1.05-.48,3.43.53,4.43,1.57,5,5.29,9.91,10.77,14.74,16.28a7.47,7.47,0,0,0,9,2.25c7.89-3.05,16.1-5.54,23.49-9.54,30.37-16.41,51-41,61.14-74.26,1.3-4.3,1-7.7-2.51-10.72-5.14-4.48-10.09-9.2-15.31-13.58-2.47-2.07-3-3.93-1.4-6.79,4.22-7.55,8-15.35,12.43-22.76,4.75-8,10.06-15.56,15.34-23.65a209.41,209.41,0,0,1,37,43.47,6.48,6.48,0,0,1,.42,4.7c-2.91,10-5.09,20.4-9.25,29.9C210.46,144.63,185,174,154,198.85c-21.36,17.11-44.62,30.71-71.59,37.23-5.88,1.42-10.9,1.28-15.67-2.94-3.6-3.19-7.93-5.56-11.55-8.73C46.29,216.58,37.58,208.51,28.36,200.17Z' fill='%23f3f3f3'/%3E%3C/svg%3E");	
padding-left: 33px;
background-repeat: no-repeat;
background-position: left center;
background-size: 23px;
font-weight: 600;
}

.icon-mail {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='113' viewBox='0 0 162 113'%3E%3Cpath d='m150.38,102.55c3.17-3.03,4.13-6.78,4.12-11.08-.08-23.32-.02-46.65-.04-69.97,0-9.75-4.88-14.58-14.57-14.58-39.46,0-78.91,0-118.37,0-9.38,0-13.96,4.51-13.98,13.99-.05,23.71-.05,47.43,0,71.14.02,8.98,5.1,13.99,13.98,13.99,39.65,0,79.3-.02,118.95.03,3.49,0,6.78-.18,9.33-2.95' fill='none' stroke='%23f3f3f3' stroke-linecap='round' stroke-linejoin='round' stroke-width='9'/%3E%3Cpath d='m12.19,11.59c16.91,16.91,34.04,33.61,50.64,50.81,9.02,9.35,27.3,9.35,36.33,0,16.6-17.21,33.73-33.9,50.64-50.81' fill='none' stroke='%23f3f3f3' stroke-linecap='round' stroke-linejoin='round' stroke-width='9'/%3E%3Cpath d='m55.92,57.65c-14.58,14.77-29.16,29.54-43.73,44.32' fill='none' stroke='%23f3f3f3' stroke-linecap='round' stroke-linejoin='round' stroke-width='9'/%3E%3Cpath d='m106.07,57.65c14.58,14.77,29.16,29.54,43.73,44.32' fill='none' stroke='%23f3f3f3' stroke-linecap='round' stroke-linejoin='round' stroke-width='9'/%3E%3C/svg%3E");
padding-left: 33px;
background-repeat: no-repeat;
background-position: left center;
background-size: 23px;
font-weight: 600;
}


/* webdesign page */

.wrapper-teaser-solutions2 {
	background-image: url("../../files/img/webdesign-sprite-icons2-black.svg");
    background-repeat: no-repeat;
	text-align:center;
	padding-top:80px;
	padding-left: 46px;
padding-right: 46px;

}

.wrapper-teaser-solutions {

	text-align:center;
}

.teaser-solutions {

    background-image: url("../../files/img/webdesign-sprite-icons.png");
    background-repeat: no-repeat;
    background-size: 60px 546px;
    height: 80px;
}

.icon-grafik {
	
	background-position: center -2px;
}

.icon-mobile {
	
	background-position: center -244px;
}

.icon-seo {
	
	background-position: center -1376px;
}

.icon-umsatz {
	
	background-position: center -1084px;
}

.icon-dev {
	
	background-position: center -521px;
}

.icon-shop {
	
	background-position: center -802px;
}



						
/* footer */

footer {
background:white;
color:#989898;
font-size:.875em;
padding-top:30px;
padding-bottom:20px;
width: 100%;
border-top:1px solid #D9D9D9;
}



.footer-banner {
text-align:right;
}



header .mod_navigation,
header .mod_navigation {
    
    padding: 0.75em;
	overflow: hidden;
}

header .mod_navigation ul {
  padding: 0;
	}
	
	
/* mod colorbox controls */
	#cboxPrevious,
	#cboxNext,
	#cboxClose {
  background-image: url("../../files/img/colorbox-controls.svg");
    }
	
	#cboxNext:hover {
    background-position: -67px 0px;
}

#cboxPrevious:hover {
    background-position: -4px 0px;
}

#cboxClose:hover {
    background-position: -30px 0px;
}
    
    #cboxCurrent,
    #cboxTitle {
    	
    	top:-26px;
    }
	
	#cboxClose { 
	top:12px;
	height: 33px;
	}
	
	#cboxNext {
		right:15px;
		margin-top: -18px;
		}
		#cboxPrevious {
			left:15px;
			margin-top: -18px;
			}
	
	#cboxLoadedContent {
    border:none;
}	

#cboxContent {
    background: none;
}

#bodensee-impressionen figcaption {
	
	max-width:265px;
}


/* pure call to action elements */	
.pure-button-primary, a.pure-button-primary {
	background-color:#390;
	}
	

	
.pure-button-primary:hover, a.pure-button-primary:hover, .pure-button-primary:focus	{
	
		background-color:#2f8e00;

	
}
	
.pure-button-secondary, a.pure-button-secondary {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='39' viewBox='0 0 22 39'%3E%3Cpath d='M19.76,18,4.26,2.54a1.19,1.19,0,0,0-1.69,0l-.11.12a1.19,1.19,0,0,0,0,1.69h0L17,18.94,2.46,33.44a1.3,1.3,0,1,0,1.43,2.17,1.45,1.45,0,0,0,.37-.37l15.5-15.4A1.29,1.29,0,0,0,19.76,18Z' fill='%23503f8c'/%3E%3Cpath d='M3.18,36.82a2.29,2.29,0,0,1-1.93-1,2.33,2.33,0,0,1-.33-1.73,2.28,2.28,0,0,1,.9-1.38L15.55,18.93,1.75,5A2.2,2.2,0,0,1,1.72,2a1.07,1.07,0,0,1,.14-.16A2.21,2.21,0,0,1,5,1.84l15.5,15.5a2.29,2.29,0,0,1,0,3.19L5,35.88a2.46,2.46,0,0,1-.59.57A2.34,2.34,0,0,1,3.18,36.82Z' fill='%23503f8c'/%3E%3C/svg%3E");
			background-repeat:no-repeat;
			background-position:right 18px;
			padding-right: 15px;
			color:#503f8c;
			background-color:transparent;
			background-size: 7px;
			font-weight: 600;
			padding-left:0;
	
}	

.pure-button-secondary:hover, a.pure-button-secondary:hover, .pure-button-secondary:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='39' viewBox='0 0 22 39'%3E%3Cpath d='M19.76,18,4.26,2.54a1.19,1.19,0,0,0-1.69,0l-.11.12a1.19,1.19,0,0,0,0,1.69h0L17,18.94,2.46,33.44a1.3,1.3,0,1,0,1.43,2.17,1.45,1.45,0,0,0,.37-.37l15.5-15.4A1.29,1.29,0,0,0,19.76,18Z' fill='%23503f8c'/%3E%3Cpath d='M3.18,36.82a2.29,2.29,0,0,1-1.93-1,2.33,2.33,0,0,1-.33-1.73,2.28,2.28,0,0,1,.9-1.38L15.55,18.93,1.75,5A2.2,2.2,0,0,1,1.72,2a1.07,1.07,0,0,1,.14-.16A2.21,2.21,0,0,1,5,1.84l15.5,15.5a2.29,2.29,0,0,1,0,3.19L5,35.88a2.46,2.46,0,0,1-.59.57A2.34,2.34,0,0,1,3.18,36.82Z' fill='%23503f8c'/%3E%3C/svg%3E");
			background-repeat:no-repeat;
			background-position:right 18px;
			padding-right: 18px;
			background-color:transparent;
			background-size: 7px;
font-weight: 600;
padding-left:0;
	
}

.pure-button {
	padding: 13px 24px;
	border-radius: 0;
	
	}
	
	.pure-button-active, .pure-button:active {
	box-shadow:none;
}
	
	.pure-button-hover, .pure-button:hover, .pure-button:focus {
		text-decoration:none;
		
		
		}
	
	 .button-xlarge {
            font-size: 150%;
        }
		
		 .button-small {
            font-size: 60%;
        }
		

		

@media only screen and (max-width: 940px) {
.mod_navigation .level_1 a, 
.mod_navigation .level_1 span {
padding:0 0.6em;
font-size:.875em;

}

}
 
@media only screen and (min-width: 880px) {
div.menubutton {
	display:none;
	}
}
	@media only screen and (max-width: 879px) {
	

	
	div.menubutton {
		position:absolute;
		right:0.75rem;
		top:1.4rem;
		display:block;
		z-index:10;
		}
	/* links im menubutton */
	div.menubutton a {
		display:block;
		padding:0.5rem;
		background-color:#503f8c;
		border-radius:0.25rem;
		text-decoration:none;
		color:#f5f4f4;
		}
	/* Pfeil nach unten */
	div.menubutton a.shownav:after {
		font-size:0.7rem;
		content: " \25bc";
		}
		
		/* Pfeil nach oben */
	div.menubutton a.hidenav:after {
		font-size:0.7rem;
		content: " \25b2";
		}
		
		/* button mit pfeil nach oben ausblenden */
		div.menubutton a.hidenav {
			display:none;
			}
			
			
			/* navigationsbereich gestalten */
			.mod_navigation {
				margin:0;
				padding:0;
			border-radius:0.25rem;
				transition:1s;
				width: 100%;
				margin-top:30px;
				
				}
				
				.mod_navigation ul {
					width: 100%;
					}
				
				.mod_navigation ul.level_1 {
					margin:0;
					padding:0;
					
					}
				.mod_navigation .level_1 li {
					margin:0;
					padding:0;
					list-style-type:none;
					width:100%;	
					border-bottom:1px solid #d5d4d4;
					padding:6px 20px;
					}
					
					.mod_navigation .level_1 li:last-of-type {
						border-bottom:0;
						
						}
					nav.mod_navigation .level_2 li:last-of-type {
						border-bottom:0;
						padding-bottom: 0px;
						}
						
.mod_navigation .level_1 a, 
.mod_navigation .level_1 span {
		display:block;
		padding:0.5rem;
		text-align:left;
		text-decoration:none;
		color:#989898;
		border-right:none;
		}
		
		/* aktiven menupunkt und ubergeordneten hervorheben */
.mod_navigation .level_1 .active,
.mod_navigation .level_1 .trail {

color:#503f8c;
background: none;
}

/* Menu startpage links und den aktiven Menupunkt gestalten */
body.profil .mod_navigation .level_1 a, 
body.profil .mod_navigation .level_1 span {

color:#989898;


}

/* menu links bei hover und tab navigation */
body.profil .mod_navigation a:hover,
body.profil .mod_navigation a:focus {
color:#503f8c;
}
		
		#header .mod_navigation {
				max-height:0;
				}
				#menu:target .mod_navigation {
					max-height:50em;
					
					}
					
					#menu:target body.profil .mod_navigation {
					
					background:white;
					}
					
					#menu:target a.shownav {
						display:none;
						}
						
						#menu:target a.hidenav {
						display:block;
						}
						

						
	h2.welcome {
  font-size: 2.2em;
  }

.portfolio-text {
margin-top:0;
}

.footer-banner {
text-align:left;
}

/* IT Services reorders on mobile */
.network-img,
.edv-img {
	order:1;
}
.network-text,
.edv-text {
	order:2;
}

.security-img,
.ecommerce-img {
	order:3;
}
.security-text,
.ecommerce-text {
	order:4;
}

.virtualisierung-img,
.webdesign-img {
	order:5;
}
.virtualisierung-text,
.webdesign-text {
	order:6;
}

.voip-img {
	order:7;
}
.voip-text {
	order:8;
}

.storage-img {
	order:9;
}
.storage-text {
	order:10;
}

.migration-img {
	order:11;
}
.migration-text {
	order:12;
}


	}


@media only screen and (max-width: 690px) {	
.home-intro h1 {
   
    line-height: 112%;
}

.text-intro {
	
	font-size: 19px;
line-height: 26px;
}


}

@media screen and (min-width:75em){
	
	.edv-text,
	.webdesign-text,
	.migration-text,
	.voip-text,
	.security-text {
		padding-left:40px;
		padding-right:60px;
	}
	
		.ecommerce-text,
		.network-text,
		.virtualisierung-text,
		.storage-text {
		padding-left:60px;
		padding-right:40px;
	}
	
	
}


/*Print __________________________________________________________________________________________________________ */
@media print {
* {
	background:none!important;
	color:black!important;
	text-shadow:none!important;
	filter:none!important;
	-ms-filter:none!important;
}
/* urls sichtbar machen */
a[href]:after {
	content:" ("attr(href)")";
	font-style:italic;
}
/* img alt sichtbar machen */
  img[alt]:after {
	content:" ("attr(alt)")";
}

tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
.header-outer {
	display:none;
}
}