* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #EFEFEF;
    color: #333333;
    font: 95%/1.5 verdana,arial,tahoma,sans-serif;
    padding: 0 0 20px;
}
a, a:link, a:link, a:link {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    text-decoration: none;
}
a:active {
    color: #006699;
}

h1, h2, h3, h4, h5, h6 {
    font-family: verdana,arial,sans-serif;
    letter-spacing: 0.7px;
    line-height: 1.3;
    margin: 1.2em 0 0.3em;
    padding-bottom: 0.1em;
}

h1 {
    color: #005da8;
    font-size: 1.2em;
    margin: 10px 0 20px;
}
h2 {
    color:#005da8;
    font-size: 1.1em;
}
h3 {
    color: #000000;
    font-size: 1em;
}
h4 {
    color: #000000;
    font-size: 116%;
}
h5 {
    color: #000000;
    font-size: 106%;
}
h6 {
    color: #000000;
    font-size: 96%;
}

#footer .h1-nonSEO{
letter-spacing:.7px;
color: #ffffff;
font-size: 1em;
margin-bottom: 0.4em;
margin-left: 0;
margin-top: 0.3em;
font-weight:bold
}


.startseitengrid .h1-nonSEO{
font-size: 1.2em;
width: 90%;
color: #005da8;
font-weight:bold;
letter-spacing: 0.7px;
line-height: 1.3;
margin: 6px -5px 5px 0
}

.startseitengrid a:hover{
opacity: 0.8;
text-decoration: none
}

.highlight {
    color: #E17000;
}
.subdued {
    color: #999999;
}
.error {
    color: #CC0000;
    font-weight: 700;
}
.success {
    color: #339900;
    font-weight: 700;
}
.caption {
    color: #999999;
    font-size: 11px;
}
.date {
    color: #BBBBBB;
    display: block;
    font: bold 82% arial;
    letter-spacing: 1px;
}

form, p, ul, ol {
    margin: 0 0 1.2em;
}

ul.related {
    margin-top: -1em;
}
ol {
    margin: 0.5em 0.5em 1.5em;
}
ol li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style-type: decimal;
    margin-left: 1.7em;
    padding-left: 0;
}

li {
    line-height: 1.4em;
    list-style-type: disc;
    margin-left: 25px;
    padding-left: 10px;
}

ul.tx-pagebrowse li {
    background-image: none;
    list-style-image: none;
    list-style-type: none;
}

li.doc {
    background-position: 3px -500px;
}
ul.nomarker li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0;
}
dl {
    margin: 0 0 1em;
}
dt {
    font-weight: 700;
    margin-top: 1.3em;
}
dl dl {
    margin: 0 0 1.5em 30px;
}
hr {
    background: none repeat scroll 0 0 #F2F2F2;
    border: medium none;
    clear: both;
    color: #F2F2F2;
    height: 1px;
    margin: 1em 0;
}
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: relative;
}

input, textarea, select {
    border: 1px solid #1C4E60;
    color: #1C4E60;
    font-family: verdana,arial,tahoma,sans-serif;
    font-size: 96%;
    margin: 4px 0;
    padding: 5px;
}

.newsletter input,textarea,select {
font-family:verdana,arial,sans-serif;
border:2px solid #ccc;
font-size:1.1em;
color:#1c4e60;
margin:4px 0;
width:70%;
padding:3px
}

label {
    display: block;
    margin-top: 10px;
    padding: 1px 0;
}

label br {
clear: left;
}

.footer-5 .fa-3x{
color: #ccc;
}

.service-navi .fa-2x{
color: #6d6d6d;
}

.service-navi .ce-bodytext{
margin: 12px -5px -15px;
text-align: right
}

.fa-3x:hover,.fa-2x:hover {
opacity: 0.6;
}

.fa-square{
  color: #3a83f7 !important
}

#header{
background-size:1200px 140px;
margin:0;
padding:150px 0 0
}

#header a,#header a:active,#header a:hover{
color:#FFFFFF;
text-decoration:none
}
/*
#header #logo{
height:140px;
left:20px;
position:absolute;
top:10px;
width:324px;
background:url("../Images/140x324-Logo-Informatik-Aktuell.png") no-repeat scroll 0 0 rgba(0,0,0,0)
}
*/

#header #logo {
    height: 130px;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 314px;
    background: url("../Images/Logo_Informatik_Aktuell.svg") no-repeat center center rgba(0,0,0,0);
    background-size: contain;
}
/*
@media (prefers-color-scheme: dark) {
    #header #logo {
        filter: brightness(0) invert(1);
    }
	.startseitengrid h2 a {
	color: #fff !important;
	font-size: 1.1em;
	margin: 0.3em 0 0.4em;
	}
}
*/

#header h1{
margin:0px
}

/* Banner */

#header .headerAd {
position: absolute;
top:20px;
left:350px;
width:480px;
height:113px
}

.MobileAd{
  display:none;
}

#MenuOben-mobile{
display: none !important;
}

#topnavi{
margin:0 auto;
position:absolute;
right:24px;
top:17px;
font-weight:bold;
font-family:arial
}
#topnavi a:hover,#topnavi a:active{
color:#6a6a6a;
font-size:0.9em
}
#topnavi a{
color:#2b2b2b;
font-size:0.9em;
text-decoration:none
}
.service-navi{
width:auto;
border:0px solid;
position:absolute;
top:50px;
right:25px
}

.service-navi .image-embed-item:hover{
	opacity:0.8
}

#nav-central {
background-color: #0b4d96;
margin: 0 0 40px;
padding: 0 0 40px;
position: relative;
}

#nav{
margin:0 auto;
position:relative;
width:820px
}

ul#navigation{
list-style:none;
margin:0px auto;
position:relative;
float:left
}

ul#navigation li {
display: inline;
float: left;
font-size: 1.1em;
font-weight: bold;
font-family:arial;
margin: 0;
padding: 0;
position: relative
}

ul#navigation li a {
display: inline-block;
padding: 8px 22px;
font-family:arial !important;
}

ul#navigation li a:hover{
background:none repeat scroll 0 0 #045da6;
color:#fff
}

ul#navigation li:hover>a{
background:none repeat scroll 0 0 #045da6
}

ul#navigation li:hover>ul{
opacity:1;
visibility:visible;
background-color:#076cbe
}

ul#navigation ul,ul#navigation ul li ul{
background:none repeat scroll 0 0 #045da6;
box-shadow:1px 1px 3px #CCCCCC;
list-style:none outside none;margin:0;
opacity:0;
padding:0;
position:absolute;
transition:opacity 0.2s linear 0s,visibility 0.2s linear 0s;
visibility:hidden;
width:180px;
z-index:99999
}

ul#navigation ul{
left:1px;
top:41px;
font-size:0.9em
}

ul#navigation ul li ul{
left:181px;
top:0
}

ul#navigation ul li{
-moz-border-bottom-colors:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
border-color:-moz-use-text-color #C9C9C9;
border-image:none;
border-style:none none solid;
border-width:0 0 1px;
clear:both;
width:100%
}

ul#navigation ul li a{
background:none repeat scroll 0 0 rgba(0,0,0,0);
border:0 none;
clear:both;
color:#fff;display:inline-block;
float:left;
font-size:0.9em;
font-weight:600;
padding:7px 15px;
text-decoration:none;
width:150px
}

ul#navigation li a.first{
border-left:0 none
}

ul#navigation li a.last{
border-right:0 none
}

#subnavi{
position:absolute;
top:43px;
width:100%;
height:40px;
float:left;
background-color:#f5f5f5;
font-size:0.9em
}

#subnavi li {
  list-style: none;
  float: left;
  padding-top: 3px;
  font-weight: normal
}
#subnavi li a {
    color: #01396c;
    font-weight: normal;
}
#subnavi li a:hover {
  color: #6a6a6a;
  font-weight: normal
}

#searchb{
background:none repeat scroll 0 0 rgba(0,0,0,0);
margin:0;
padding:0;
position:absolute;
right:0;
top:0;
width:auto
}

.textfeld {
background-color: #0b4d96;
color: #fff;
float: left;
height: 40px;
margin: 0;
padding: 0;
text-indent: 5px;
width: 180px;
font-size:1em;
font-family:font-family: arial,tahoma,sans-serif;
outline:none;
border:0
}

.button_t {
background: #0b4d96 url("../Icons/lupe-blue.png") no-repeat 0 / 33px 33px;
border: 0 none;
border-radius: 0;
height: 40px;
margin: 0px 10px 0;
padding: 0;
width: 40px;
cursor: pointer;
font-size:0px !important
}

.f3-widget-paginator {
 clear:both;
 width:auto;
 cursor:pointer;
 text-align:center;
 text-decoration:none;
 font-size:1.3em;
 font-family:sans-serif;
 white-space:nowrap;
 -webkit-font-smoothing:antialiased;
 display:inline-block;
 margin:35px 0px;
 text-shadow:2px 2px 0px rgba(0,0,0,0.2);
 -webkit-transition:all 0.25s ease;
 -ms-transition:all 0.25s ease;
 -moz-transition:all 0.25s ease;
 -o-transition:all 0.25s ease;
 transition:all 0.25s ease
}

/*
.f3-widget-paginator > li > a,
	.f3-widget-paginator > li.current {
		position: relative;
		padding: 6px 12px;
		text-decoration: none;
		border: 1px solid #DDD;
		background-color: #005da8;
		color: #fff;
	}

.f3-widget-paginator > li.current,
	.f3-widget-paginator > li > a:hover,
	.f3-widget-paginator > li > a:focus {
		text-decoration: underline;
		background-color: #00BAF2;
	}

.f3-widget-paginator > li:first-child > a,
	.f3-widget-paginator > li.current:first-child {
		margin-left: 0px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.f3-widget-paginator > li:last-child > a,
	.f3-widget-paginator > li.current:last-child {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
.f3-widget-paginator a {
 color:#fff !important;
 text-decoration:none
}
.f3-widget-paginator li {
 display:inline-block;
 padding:10px 0px;
 list-style-type:none;
 text-decoration:none
}
.f3-widget-paginator .previous {
 margin-left:0px
}
.f3-widget-paginator .current {
 color:#fff;
 font-weight:400;
 text-shadow:2px 2px 0px rgba(0,0,0,0.2);
}
*/

.f3-widget-paginator {
	display: -ms-flexbox;
	flex-wrap: wrap;
	display: flex;
	justify-content: center !important;
	list-style: none;
	border-radius: 0.25rem;
	padding: 20px;
	text-decoration: none;
	font-size: 1.3em;
	font-family: sans-serif;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease
}

.f3-widget-paginator>.active.current {
	padding: 10px 2px;
}

.f3-widget-paginator>li>a,
.f3-widget-paginator>li.current {
	position: relative;
	padding: 6px 12px;
	text-decoration: none;
	border: 1px solid #DDD;
	background-color: #005da8;
	color: #fff;
}

.f3-widget-paginator>li.current,
.f3-widget-paginator>li>a:hover,
.f3-widget-paginator>li>a:focus {
	text-decoration: underline;
	background-color: #00BAF2;
}

.f3-widget-paginator>li:first-child>a,
.f3-widget-paginator>li.current:first-child {
	margin-left: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.f3-widget-paginator>li:last-child>a,
.f3-widget-paginator>li.current:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.f3-widget-paginator a {
	color: #fff !important;
	text-decoration: none
}

.f3-widget-paginator li {
	display: inline-block;
	padding: 10px 0px;
	margin-left: 0px;
	list-style-type: none;
	text-decoration: none
}

.f3-widget-paginator .previous {
	margin-left: 0px
}

.f3-widget-paginator .current {
	color: #fff;
	font-weight: 400;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}
/*
.col7 .pagelist.cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1%;
	row-gap: 26px;
}
*/

.col7 .pagelist.cards {
    display: grid;
    grid-template-columns: 2fr 2fr !important;
    grid-gap: 4%;
    row-gap:1%;
    padding-bottom: 80px;
}



.col7 .pagelist-card-abstract{
	color: #000;
    font-weight:normal
}


.col7 .pagelist.cards {
	row-gap: 0.2%;
}

.col7 .card img{
	padding-right: 15px;
	float:left;
}

.col7 .card{
	padding: 10px;
	border-top: 1px solid #ddd;  
}

.col7 .abstract{
	font-size: normal;
    color: black;
    font-weight: 100;
}

.col7 .pagelist-card-title{
  color: #005da8
} 

.col7 .pagelist-card-text .autor_teaser, .startseitengrid .autor_teaser{
  color:#444444ab;
  font-style: italic;
  font-weight: normal
}

.featurebox .pagelist.cards {
    display: grid;
    grid-template-columns: fit-content(93%);
	grid-gap: 3%;
    padding-bottom:20px;
}

.pagelist.template-list .item{
margin:15px 0 15px;
float:none !important	
}

.featurebox .pagelist-card-image{
width:100% !important;
}

.pagelist.template-list .lastUpdated-news{
	font-size:small;
    margin-top:0px
}

.pagelist.template-list .title{
	font-size:0.9rem;
	color:#005da8;
    margin:0
}

.pagelist.template-list .abstract{
	font-size:0.9rem;
	font-weight:normal;
	color:#000
}

.pagelist.template-list:hover a{  
	text-decoration: none;
}

.pagelist.cards {
	display: grid;
	grid-template-columns: 2fr 2fr 2fr 2fr !important;
	grid-gap: 4% !important;
	row-gap: 1% !important;
	padding-bottom: 80px;
}

.pagelist-card-title {
	color: #005da8;
}

/* pagelist assets start */

.pagelist * {
	box-sizing: border-box
}

.pagelist-cards {
	width: 100%;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 1fr)
}

.pagelist-card {
	background-color: aliceblue;
	display: block;
	height: 100%
}

.pagelist-card:hover {
	text-decoration: none
}

.pagelist-card figure {
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0
}

.pagelist-card-image {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: .5em
}

.pagelist-card-title {
	padding: .2em 0;
	margin: 0
}

.pagelist-card-info,
.pagelist-card-categories {
	font-size: .85em;
	margin-bottom: 0;
	color: #000;
	display: block
}

.pagelist-card-abstract {
	margin-bottom: 0
}


/* pagelist assets stop */


.pagination {
	display: -ms-flexbox;
	flex-wrap: wrap;
	display: flex;
	justify-content: center !important;
	list-style: none;
	border-radius: 0.25rem;
	padding: 20px;
	margin-top:180px;
	text-decoration: none;
	font-size: 1.3em;
	font-family: sans-serif;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease
}

.pagination > .active.current {
	padding: 10px 2px;
}

.pagination > li > a,
.pagination > li.current {
	position: relative;
	padding: 6px 12px;
	text-decoration: none;
	border: 1px solid #DDD;
	background-color: #005da8;
	color: #fff;
}

.pagination > li.current,
.pagination > li > a:hover,
.pagination > li > a:focus {
	text-decoration: underline;
	background-color: #00BAF2;
}

.pagination > li:first-child > a,
.pagination > li.current:first-child {
	margin-left: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li.current:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination a {
	color: #fff !important;
	text-decoration: none
}

.pagination li {
	display: inline-block;
	padding: 10px 0px;
	margin-left: 0px;
	list-style-type: none;
	text-decoration: none
}

.pagination .previous {
	margin-left: 0px
}

.pagination .current {
	color: #fff;
	font-weight: 400;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}

::-webkit-input-placeholder {
color: #fff;
opacity: 1;
font-weight:300
}

:-moz-placeholder { /* Firefox 18- */
color: #fff;
opacity: 1;
font-weight:300
}

::-moz-placeholder {  /* Firefox 19+ */
color: #fff;
opacity: 1;
font-weight:300
}

:-ms-input-placeholder {
color: #fff;
opacity: 1;
font-weight:300
}

button.clean-gray, button, .tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit, tx-powermail-pi1_mandatory_submit {
background: none repeat scroll 0 0 #D82C2C;
border: 1px solid rgba(0, 0, 0, 0.16);
color: #FFFFFF;
cursor:pointer;
display: inline-block;
font-family: sans-serif;
font-size: 1.1em;
margin: 15px 0;
padding: 3px 15px;
text-align: center;
text-decoration: none;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
transition: all 0.25s ease 0s;
white-space: nowrap;
width: 130px
}

button.clean-gray:hover, button:hover, .tx-powermail-pi1_confirmation_back:hover, .tx-powermail-pi1_confirmation_submit:hover, tx-powermail-pi1_mandatory_submit:hover {
background: none repeat scroll 0 0 #C32C2C;
}

#wrap{
background:none repeat scroll 0 0 #fff;
border-color:#ddd;
border-style:solid;
border-width:1px 1px 0;
margin:35px auto 0;
position:relative;
width:1200px
}

#content-wrap {
max-width: 1200px;
min-width: 770px
}

#content {
margin: 0 0 0 235px;
width: 90%
}

#type-c #content-wrap {
min-height: 550px
}

#type-c #content {
margin: 3% 5%
}

#content #breadcrumb {
font-size: 93%;
font-weight: 700;
margin-bottom: 22px;
margin-top: 20px
}

#content #breadcrumb a:link, #content #breadcrumb a:visited {
color: #006E9F;
text-decoration: none
}

#content #breadcrumb a:hover, #content #breadcrumb a:active {
color: #006E9F;
text-decoration: underline
}

.zweiSpalter {
 overflow:hidden;
 width:100%
}
.linkeSpalte{
 width:48%;
 float:left;
}

.rechteSpalte {
 width:48%;
 float:right;
}

.footer-1 {
float: left;
margin: 0 0 0 25px;
width: 24%
}

.footer-2 {
float: left;
width: 24%
}

.footer-3 {
    float: left;
    width: 24%;
}
.footer-4 {
    float: left;
    width: 24%;
}
.footer-5 {
    clear: both;
    margin: 0 0 0 25px;
    padding: 10px 0;
    width: 100%;
}

.footer-5 .image-embed-item:hover{
	opacity:0.8
}

.footer-6 {
 float:right;
 padding:0px 0px 0px;
 margin:-90px 120px 0px 0px;
 width:40%;
 height:100px;
}

.footer-6 .ce-border img {
 border:none;
 padding:0 20px 0 0px;
}

#footer {
    background-color: #434242;
    clear: both;
    color: #FFFFFF;
    font-size: 1em;
    padding: 15px 0 5px 0;
}
#footer h1 {
    border-bottom: 0 none;
    color: #FFFFFF;
    font-size: 1em;
    margin-bottom: 0.4em;
    margin-left: 0;
    margin-top: 0.3em;
}
#footer li {
    color: #FFFFFF;
    line-height: 1.8em;
}
#footer a, #footer a:active {
    color: #FFFFFF;
}
#footer a:hover {
    text-decoration: underline;
}



#copyright {
    background-color: #423E3E;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 0px 0 20px 25px;
}

#copyright a, #footer a:active {
    color: #FFFFFF;
}

.icon-twitter,.icon-linkedin,.icon-youtube,.icon-facebook,.icon-xing,.icon-github,.icon-slideshare{
  fill: #848484;
  width: 60px;
  padding: 0 6% 0
}

.icon-twitter:hover,.icon-linkedin:hover,.icon-youtube:hover,.icon-xing:hover,.icon-facebook:hover,.icon-github:hover,.icon-slideshare:hover{
  fill: #aaa;
}

.morelink span {
    left: -9999px;
    position: absolute;
    width: 900px;
}

.frame-space-before-small{
  margin-top:0.625em !important
}

.frame-space-before-medium{
  padding-top:0.95em !important
}

.frame-space-before-large{
  margin-top:1.6em !important
}

.frame-space-after-small{
  margin-bottom:0.625em !important
}

.frame-space-after-medium{
  margin-bottom:0.95em !important
}

.frame-space-after-large{
  margin-bottom:1.6em !important
}

a:link, a:visited, #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active, #nav-secondary li.active li a:hover, #nav-secondary li.active li a:active, .powermail_mandatory_js {
    color: #CC0000;
}
a:hover, .featurebox a:hover {
    text-decoration: underline;
}

fieldset, img {
    border: medium none;
}
.small, .csc-textpic-caption {
    color: #666666;
    font-family: verdana;
    font-size: 0.8em;
    line-height: 1.3em;
    padding: 5px 0;
}

ul, .featurebox ul {
    list-style-type: none;
    margin: 0.3em 0 1.5em;
}
#search form, .pagination *, #resultslist-wrap dt, #resultslist-wrap dl, #resultslist-wrap li dl, #footer p {
    margin: 0;
}

.dp--cookie-check{
 visibility:hidden;
}

.cc-btn.cc-allow, .cc-btn.cc-deny{
 visibility:hidden;
}

/*Leaderboard IT-Jobs*/

#c23488 .csc-textpic-imagewrap{
text-align:center;
border: 1px solid #ccc;
float: left;
margin: 30px 0 0;
padding: 10px;
width: 97%;
}

.image-caption{
  font-size:0.8em
}

.clearfix:after {
    clear: left;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.startseitengrid {
    overflow: hidden;
    width: 100%;

}
.startseitengrid h1 {
    color: #005DA8;
    font-size: 1.1em;
    margin: 0.3em 0 0.4em;
}
.startseitengrid h1 a {
    color: #005DA8;
    font-size: 1.1em;
    margin: 0.3em 0 0.4em;
}

.startseitengrid h2 {
    color: #005DA8;
    font-size: 1.1em;
    margin: 0.3em 0 0.4em;
}
.startseitengrid h2 a {
    color: #005DA8;
    font-size: 1.1em;
    margin: 0.3em 0 0.4em;
}

.visually-hidden {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


.col1{float:left;margin:15px 27px 10px 0;padding:15px 10px 6px;width:30%}
.col2{float:left;margin:15px 0 10px -5px;padding:15px 10px 6px;width:30%}
.col3{float:right;margin:15px 0px 10px 0px;padding:15px 10px 6px;width:30%}
.col4{float:left;margin:0px 27px 24px 0;padding:10px 10px 6px;width:30%;border-top:solid 1px #ccc}
.col5{float:left;margin:0px 0 24px -5px;padding:10px 10px 6px;width:30%;border-top:solid 1px #ccc}
.col6{float:right;margin:0px 0px 24px 0px;padding:10px 10px 6px;width:30%;border-top:solid 1px #ccc}
.col7{float:left;margin:10px 0 24px;padding:0px 15px 6px;width:63%;line-height:1.4em}

.col7 .ce-textpic {
    margin: 0;
    padding: 10px 0 30px 3px;
    width: 95%;
    border-top: solid 1px #ccc;
}

.col7 .ce-textpic h1{
  margin-top:-2px
}

.col7 .ce-textpic img{
  float:left;
  margin:0 15px 0 10px;
}

.col7 a{font-weight:bold}
.col7 .clearer{padding:0px !important;margin:10px !important}
.col7 .tx-pwteaser-pi1 .odd,.col7 .tx-pwteaser-pi1 .even{margin:0;padding:10px 0 20px 10px;width:95%;border-top:solid 1px #ccc}
.col7 .tx-pwteaser-pi1 h3{font-size:1.1em;margin:0px}
.col7 .tx-pwteaser-pi1 h3 a{color:#005da8;margin:0px}
.col7 .tx-pwteaser-pi1 .abstract-news{font-size:0.9em;margin:0px 0px 5px 0px}
.col7 .tx-pwteaser-pi1 .morelink-news{margin:0px 0px 20px 0px;font-weight:bold;font-size:0.9em}
.col7 .tx-pwteaser-pi1 .lastUpdated-news{font-weight:bold;font-size:0.9em}
.col8{float:right;margin:10px 0 0px;padding:5px 10px 6px;width:30%;border:solid 1px #ccc}
.col8 .tx-pwteaser-pi1 .odd,.col8 .tx-pwteaser-pi1 .even{margin:0px;padding:10px 10px 10px}
.col8 #c16267{margin:20px 0px 0px;padding:15px 0px 0px;border-top:solid 1px #ccc}
.col8 a{font-weight:bold}

.col8 .tx-pwteaser-pi1{
    border-bottom:#ccc 1px solid
}

.jwtpl-ts-headline{
border-top:solid 1px #ccc;
font-size: 1.2em;
width: 90%;
color: #005da8;
font-weight: bold;
letter-spacing: 0.7px;
line-height: 1.3;
margin: 6px -5px 5px 0;
width:100%
}

#c24756{
  border-top:solid 1px #ccc;
}

#c24756 h3{
padding-left:10px
}

.tx-pwteaser-pi1 .clearer{clear:left}
.wrapper-3col{width:104%}
.tx-pwteaser-pi1{border:0px solid #ccc;font-size:1em}
.tx-pwteaser-pi1 a{color:#c00;font-size:1em}
.tx-pwteaser-pi1 h3 a{font-size:1em;color:#005da8;font-style:normal}
.tx-pwteaser-pi1 h3{font-size:1em;margin:0px 0px 10px 0px;color:#616161;font-style:italic}
.tx-pwteaser-pi1 img{float:left;margin:0 15px 3px 0}
.tx-pwteaser-pi1 .odd,.tx-pwteaser-pi1 .even{padding:10px;float:left;margin:20px 0px 20px 0px;width:97%}

/* IT-Jobs Teaser */
#c06 .tx-pwteaser-pi1 .odd,#c32006 .tx-pwteaser-pi1 .even,
#c15369 .tx-pwteaser-pi1 .odd,#c15369 .tx-pwteaser-pi1 .even,
#c29496 .tx-pwteaser-pi1 .odd,#c29496 .tx-pwteaser-pi1 .even{
    border: 1px solid #ccc;
    float: left;
    margin: 20px 0;
    padding: 10px;
    width: 97%;
}

#c22210{
-moz-border-bottom-colors:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
border-image-outset:0;
border-image-repeat:stretch stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
float:left;
width:97%;
border-color:#ccc;
border-style:solid;
border-width:1px;
margin:20px 0;
padding:10px
}

#c22210 h3 {
    color: #005da8;
    font-size: 1em;
    font-style: normal;
}


.Image-Caption {
    color: #FFFFFF;
    display: block;
    font-family: verdana;
    font-size: 11px;
    left: 600px;
    padding: 5px;
    position: absolute;
    top: 200px;
    width: 250px;
}
.Image-Caption a:link {
    color: #FFFFFF;
}

.smartmodal-overlay {
display: none;
position: fixed;
z-index: 99999;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
}

.smartmodal-modal {
display: none;
position: fixed;
z-index: 999999;
border-radius: .3em;
color: #000;
}

.smartmodal{
display:none
}

.close {
position: absolute;
right: 15px;
top: 9px;
color:#fff
}

#SM-1 a{
text-decoration:none;
color:#fff
}

.tx-pwteaser-pi1 .col4.odd{
padding: 0px auto 0px;
border: 0px solid #cccccc;
width:148px;
margin:6px;
float:left;
  height:190px
}

.tx-pwteaser-pi1 .col4.even {
padding: 0px auto 0px;
border: 0px solid #cccccc;
width:148px;
float:left;
  height:190px;
  margin:6px
}

.tx-pwteaser-pi1 .col4.odd h3{
float:left;
width:100%;
  font-size:0.9em
}

.tx-pwteaser-pi1 .col4.odd span{
display:none
}

.tx-pwteaser-pi1 .col4.odd img{
width:100%;
height:auto
}

.tx-pwteaser-pi1 .col4.even h3{
float:left;
width:100%;
  font-size:0.9em
}

.tx-pwteaser-pi1 .col4.even span{
display:none
}

.tx-pwteaser-pi1 .col4.even img{
width:100%;
height:auto
}

.cc-theme-edgeless.cc-window{
padding: 15px !important
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {

body {
background-color: #FFFFFF;
font-size: 1.2em;
line-height: 1.4em;
margin: 0;
padding: 0 7px
}

h1 {
font-size: 1.1em
}

#header #logo {
background: url("../Images/480-110-Logo_Informatik_Aktuell-blue.png") no-repeat scroll 0 0 rgba(0,0,0,0)width:90%;
width:100%;
position:absolute;
left:0px;
float:left;
}

#header #hg-structure {
display: none
}

#header .headerAd{
display:none
}

#type-c #wrap {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: 0;
min-height: 0;
min-width: 100%;
padding: 0;
width: 100%;
border:none
}
#type-c #content {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: 0;
max-width: 100%;
min-width: 100%;
padding: 0;
width: 100%
}
#type-c #content h1 {
-moz-hyphens: auto
}
#type-c #content-wrap {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: 0;
max-width: 100%;
min-width: 100%;
padding: 0;
width: 100%
}

#type-c #content-wrap{
margin:0px !important
}

.zweiSpalter p {
     float: left;
     padding: 5px 15px 5px 0px;
 }

 .Infobox,
 .kontaktbox {
     background-Image: none !important;
     padding: 15px 25px 5px 15px
 }

 .ce-nowrap .ce-bodytext
 {
     float:left
 }

 .ce-intext.ce-right .ce-gallery {
     margin-left: 0px;
 }

 .icon-linkedin,
 .icon-twitter,
 .icon-xing {
     width: 50px;
     padding: 0px;
 }

.startseitengrid{margin:0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
.startseitengrid p{float:left}
.startseitengrid h1{color:#005DA8;float:left;font-size:1.1em;margin:0.3em 0 0.4em;padding:0px;width:100%}
.startseitengrid h1 a{-moz-hyphens:auto;-webkit-hyphens:auto;-o-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
.startseitengrid h2{color:#005DA8;float:left;font-size:1.1em;margin:0.3em 0 0.4em;padding:0px;width:100%}
.startseitengrid h2 a{-moz-hyphens:auto;-webkit-hyphens:auto;-o-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
.col1{float:left;margin:10px 0 0px;padding:10px 0px 6px;width:auto;border:none;-webkit-order:1;order:1}
.col2{float:left;margin:10px 0 0px;padding:20px 0px 6px;width:auto;border:none;-webkit-order:2;order:2;border-top:solid 1px #ccc}
.col3{float:left;margin:10px 0 0px;padding:20px 0px 6px;width:auto;border:none;-webkit-order:3;order:3;border-top:solid 1px #ccc}
.col4{float:left;margin:10px 0 0px;padding:20px 0px 6px;width:auto;border:none;-webkit-order:4;order:4;border-top:solid 1px #ccc}
.col5{float:left;margin:10px 0 0px;padding:20px 0px 6px;width:auto;border:none;-webkit-order:5;order:5;border-top:solid 1px #ccc}
.col6{float:left;margin:10px 0 0px;padding:20px 0px 6px;width:auto;border:none;-webkit-order:6;order:6;border-top:solid 1px #ccc}
.col7{float:left;margin:10px 0 0px;padding:20px 6px 6px 0px;width:auto;border:none;-webkit-order:7;order:7}
.col8{float:left;margin:10px 0 0px;padding:10px 0px 6px;width:auto;border:solid 0px #ccc;border-top:solid 1px #ccc;-webkit-order:8;order:8}
.col7 .tx-pwteaser-pi1 img{width:100%}
.col7 .tx-pwteaser-pi1 span{float:left;width:100%}
.col7 .tx-pwteaser-pi1 .odd,.col7 .tx-pwteaser-pi1 .even{float:left;width:100%}
.col7 .tx-pwteaser-pi1 .lastUpdated-news{float:left}
.col7 .tx-pwteaser-pi1 .abstract-news{float:left}
.col7 .tx-pwteaser-pi1 .morelink-news{float:left}
.col7 .tx-pwteaser-pi1 h3{float:left;width:100%}
.col7 #c16293 .csc-textpic-text h3{float:left;width:100%}
.col7 #c16293 .csc-textpic-imagewrap{float:left;width:100%;padding:0px;margin:0px}    
    
.col7 .pagelist.cards {
    display: grid;
    grid-template-columns: 1fr;
    row-gap:0%;
    padding-bottom: 80px;
}   

.col7 .pagelist.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    row-gap:0%;
    padding-bottom: 80px;
    margin-bottom:220px
} 
    
.col7 .card img {
    padding-right: 0px;
    float: left;
    max-width: 100%;
}   
    
.pagelist-card-text .autor_teaser, .startseitengrid .autor_teaser{
	color:#444444ab;
	font-style: italic;
	font-weight:normal
}    
    
.zweiSpalter{
overflow:hidden;
width:100%;
}

.linkeSpalte, .rechteSpalte{
width:100%;
float:left;
padding:0 15px
}

.frame-layout-0 .tx-pwteaser-pi1{
  float:left;
  -moz-hyphens:auto;
  -webkit-hyphens:auto;
  -o-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
  width:auto;
 }

 .frame-layout-0 .tx-pwteaser-pi1 h3 {
  float:left;
  -moz-hyphens:auto;
  -webkit-hyphens:auto;
  -o-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
  width:auto;
 }

 .frame-layout-0 .tx-pwteaser-pi1 span {
  float:left;
  -moz-hyphens:auto;
  -webkit-hyphens:auto;
  -o-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
  width:auto;
 }

.frame-layout-0 .tx-pwteaser-pi1 .odd,
.frame-layout-0 .tx-pwteaser-pi1 .even {
  border:0px;
 }

.frame-layout-0 .tx-pwteaser-pi1 .odd span {
  float:left;
  width:100%;
 }

@media only screen and (min-width:321px) and (max-device-width:736px){
.col7 .tx-pwteaser-pi1 img{width:60%}
}


.newsletter input, h1, button {
    width: auto;
}
.java {
    border: medium none;
}

#breadcrumb {
    display: none;
}

.featurebox {
    display: none;
}

#sidebar {
    display: none;
}

#searchb {
    display: none;
}
#nav-central {
    display: none;
}
#nav {
    display: none;
}
#topnavi {
    display: none;
}

#subnavi{
display:none
}

.service-navi{
display:none
}

#MenuOben-mobile {
display:block !important;
border: 1px solid #ddd;
margin: 10px 0px 20px;
}

#MenuOben-mobile a{
color:#888;
font-size: 2em
}

#MenuOben-mobile a:hover{
color:#444;
}

#toggle-nav {
padding: 5px;
}

#navigation-mobile {
display:none;
margin:30px 0px 30px;
}

#navigation-mobile li {
list-style-type:none;
padding: 10px 0px 10px;
border-bottom: 1px solid #000;
width: 60%
}

#navigation-mobile a {
font-size:1em;
color:#000;
}

#navigation-mobile a:hover {
color:#000
}

.MobileAd img{
width:100%;
height:100%;
margin:10px 0 20px;
}

.MobileAd{
display:block
}

#selectmenu .select-menue{
position:absolute;
float:left;
width:100%;
}

#selectmenu{
margin-bottom:40px
}

.f3-widget-paginator{
float:left;
width:auto
}

.tx-pwteaser-pi1 .col4.odd{
width:110px;
border: 0px solid #cccccc;
font-size:0.8em;
text-align: center;
}

.tx-pwteaser-pi1 .col4.even{
width:110px;
border: 0px solid #cccccc;
font-size:0.8em;
text-align: center;
}

#footer {
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding: 10px 10px 20px;
    width: auto;
}
#footer h1 {
    padding-top: 0.8em;
}

#footer p {
    width: 100%;
}
.footer-1 {
    float: left;
    margin: 0;
    width: 100%;
}
.footer-2 {
    float: left;
    width: 100%;
}
.footer-3 {
    float: left;
    width: 100%;
}
.footer-4 {
    float: left;
    width: 100%;
}
.footer-5 {
    float: left;
    margin: 0;
    width: 100%;
}

.footer-6 {
  float:left;
  margin:0;
  width:100%;
 }

.footer-6 .ce-column .image{
  margin: 0px 0 10px
}

.footergrid .csc-textpic-single-image{
float:left !important;
  width:100%;
 margin:0px;
 padding:0px;
}

#copyright {
    font-size: 60%;
    margin: 0;
    padding: 10px 10px 0;
    width: auto;
}

img, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;
}

.embed-container {
  position: relative;
  padding-bottom: 476.25%; /* ratio 16x9 */
  height: 0;
  overflow-x: scroll;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

.internal-link img, .external-link-new-window img,.download img,.mail img,.download_pdf img,.download_ppt img,.download_excel img{
max-width: 14px;
 height: 10px;
 width: 14px;
}

.row-distance-top img{
width:32px;
height:32px
}

}

.marker-green {
    background-color: lawngreen;
}

.marker-pink {
    background-color: hotpink;
}

.marker-blue {
    background-color: deepskyblue;
}