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}
/* 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:#737272;
	}	
	
	
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-image: url('../../files/img/bg-jumbo-webdesign-header.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
	color:#F3F3F2;
	background-color:#122432;
 	}
 	
 
 	
 	#outer-id-10 {
 	background-image: url('../../files/img/bg-jumbo-ecommerce-header.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
	background-color: #020a0d;
 	}

   #outer-id-23 {
 	background-image: url('../../files/img/bg-jumbo-it-solutions-header-3.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
	color:#F3F3F2;
	background-color:#222129;
 	}
 	
 	  #outer-id-2 {
 	background-image: url('../../files/img/bg-jumbo-seo-header.jpg');
 	background-repeat:no-repeat;
	background-size: cover;
	color:#F3F3F2;
	background-color:#090a0c;
 	}
 	
 	/* 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,
.cta-box h3,
.cta-box h4,
.cta-box a,
.cta-box a:link {
	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;
	margin-top: 5px;
	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:1000px;
	}

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


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

}

.icon-wlan p,
.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-wlan p::before {
  background-image: url("../../files/img/startseite-teaser-icons-sprites-router-black.svg");
  background-repeat: no-repeat;
  padding-top: 34px;
  content: '';
height: 46px;
display: block;
background-size: 61px;
background-position: center 17px;	
}

.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 */
.cta-box,
#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 width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg class='oi-call'%3E%3Cpath class='oi-vector' d='M7.24454 16.7555C2.4569 11.9678 2.85348 5.88412 3.17148 3.76717C3.23965 3.31339 3.63632 3 4.09519 3H8.53258C8.94148 3 9.30919 3.24895 9.46105 3.62861L10.8733 7.1593C11.049 7.59837 10.893 8.10043 10.4996 8.36274L8.22707 9.87773C8.22707 9.87773 8.22707 11.8428 10.1921 13.8079C12.1572 15.7729 14.1223 15.7729 14.1223 15.7729L14.7745 14.4685C14.9708 14.0758 15.4003 13.8571 15.8333 13.9293L20.1644 14.6511C20.6466 14.7315 21 15.1487 21 15.6375V19.9048C21 20.3637 20.6866 20.7603 20.2328 20.8285C18.1159 21.1465 12.0322 21.5431 7.24454 16.7555Z' stroke='%23f3f3f2' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%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;
}

.icon-location {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg class='oi-location-marker'%3E%3Cpath class='oi-vector' d='M12 3C8.13401 3 5 6.13401 5 10C5 15 12 21 12 21C12 21 19 15 19 10C19 6.13401 15.866 3 12 3Z' stroke='%23f3f3f2' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle class='oi-ellipse' cx='12' cy='10' r='3' stroke='%23f3f3f2' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%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:#737272;
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;
}

.wlan-img {
	order:3;
}

.wlan-text {
	order:4;
}

.security-img,
.ecommerce-img {
	order:5;
}
.security-text,
.ecommerce-text {
	order:6;
}

.virtualisierung-img,
.webdesign-img {
	order:7;
}
.virtualisierung-text,
.webdesign-text {
	order:8;
}

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

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

.migration-img {
	order:13;
}
.migration-text {
	order:14;
}


	}


@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,
	.storage-text,
	.virtualisierung-text,
	.wlan-text
	
	 {
		padding-left:40px;
		padding-right:60px;
	}
	
		.ecommerce-text,
		.network-text,
		.voip-text,
		.security-text,
		.migration-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;
}
}