@charset "utf-8";


/* Telefon-Links: Formatierung des umgebenden Textes übernehmen */
a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
    font-size: inherit;
}

@media print {
  body { background: #fff !important; display: block; }
  .body { border: none !important; width: 100% !important; max-width: 100% !important; }
  header .banner, header .header { width: 100% !important; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.75em; }
}

@media (max-width: 56rem) {
  .body { width: 100%; border-left: none; border-right: none; }
  header .banner, header .header { width: 100%; }
  header .text { position: static; width: 100%; bottom: auto; left: auto; }
  header .logo { position: static; margin: 10px; }
}


/* Anzeigenspezifische Overrides (aus HTML-inline-style) */
:root{--li: url("/ING/Grafiken/ListStyle.png");}

/* oxygen-regular - latin */
        @font-face {
            font-family: oxygenregular;
            src: url('../fonts/01_Oxygen-Regular.ttf');
            weight: regular;
        }
        @font-face {
            font-family: oxygenbold;
            src: url(https://anzeigen.konzeptp.de/_sonstiges/fonts/ING/Oxygen-Bold.ttf);
            weight: bold;
        }
        @font-face {
            font-family: oxygenlight;
            src: url(https://anzeigen.konzeptp.de/_sonstiges/fonts/ING/Oxygen-Light.ttf);
            weight: light;
        }
        * {
        	padding: 0;
        	margin: 0;
        	-moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        body {
        	font-size: 14px;
        	font-family: 'oxygenregular', Arial, sans-serif;
        	line-height: 1.4;
        	background: #fff;
        	hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            -moz-hyphens: auto;
        }
        h1, h2, h3, .no_hyphens {
            hyphens: manual;
            -webkit-hyphens: manual;
            -ms-hyphens: manual;
            -moz-hyphens: manual;
        }
        strong {
            font-family: 'oxygenbold', Arial, sans-serif;
        }
        body {
        	color: rgb(51, 51, 51);
        }
        a {
        	text-decoration: none;
        }
        a:hover {
        	color: rgb(118, 118, 118);
        }
        h3, a, .important {
        	color: rgb(255, 98, 0);
        }
        .main {
        	margin: 25px auto;
        	width: 800px;
        	background: #fff;
        	-moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            border: 1px solid rgb(168, 168, 168);
        }
        .logo_mobile {
        	display: none;
        	margin-bottom: 5%;
        	text-align: center;
        }
        .head {
        	position: relative;
        }
        .content {
        	padding: 40px 40px 40px 40px ;
        }
        .certificate {
            float: right;
            text-align: right;
        	margin-top: -40px;
        	margin-bottom: 10px;
            margin-right: 0px;
        }
        .certificate_mobile {
            display: none;
        }
        .columns {
        	width: 100%;
        	column-count: 2;
        	column-gap: 20px;
        	-moz-column-count: 2;
        	-moz-column-gap: 20px;
        	-webkit-column-count: 2;
        	-webkit-column-gap: 20px;
        	text-align: left;
        	-moz-box-sizing: border-box;
        	-webkit-box-sizing: border-box;
        	box-sizing: border-box;
        	margin-bottom: 20px;
        }
        .box_left {
        		float: left;
        		width: 48%;
        	}
        .box_right {
        	float: right;
        	width: 48%;
        }
        .footer {
            font-size: 15px;
            font-weight: bold;
            position: relative;
            padding-top: 90px;
        }
        .footer_left {
        	width: 240px;
        	color: #636362;
        }
        .footer_middle {
            position: absolute;
            bottom: -25px;
            left: 52%;
            font-weight: normal;
        }
        .footer_right {
        	position: absolute;
        	bottom: -5px;
        	right: 0;
        }
        p {
        	padding: 0px 0px 20px 0px;
        	font-size: 14px;
        	font-weight: 400;
        	line-height: 1.45;
        }
        h1 {
        	font-size: 22px; 
        	padding-bottom: 20px;
            color: #636362;
            padding-top: 10px;
            font-weight: 200;
        }
        h3 {
        	font-size: 16px;
        	font-weight: 700;
        	color: #ff6200;
        }
        ul {
            padding: 0px 0 10px 15px;
        }
        li {
            padding: 0 0 5px 3px;
            font-size: 14px;
            font-weight: 400;
        }
        div.breaker {
        	clear: both;
        	overflow: hidden;
        }
        img {
          	border: none;
          	max-width: 100%;
          	height: auto;
          	vertical-align: middle !important;
        }
        .apply {
        	-webkit-border-radius: 7;
        	-moz-border-radius: 7;
        	color: #ffffff;
        	font-size: 14px;
        	background: #559BD1;
        	padding: 8px 12px 8px 12px;
        	text-decoration: none;
        	font-weight: 600;
        	text-align: center;
        }
        .apply a {
            color: #ffffff;
        }
        .apply:hover {
            text-decoration: underline;
            color: #fff;
        }
        @media only screen and (max-width:800px) {
            * {
            	padding: 0;
            	margin: 0;
        		-moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
            .main {
            	margin: 0 auto;
                width: 100%;
            }
            body {
                -webkit-hyphens: auto;
                -moz-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto;
            }
        	.logo_mobile {
        		display: block;
        	}
            .content {
            	padding: 5%;
            }
            .content_vacancy {
            	padding: 0;
            }
            .columns {
        		width: 100%;
        		column-count: 1;
        		column-gap: 0px;
        		-moz-column-count: 1;
        		-moz-column-gap: 0px;
        		-webkit-column-count: 1;
        		-webkit-column-gap: 0px;
        		text-align: left;
        		-moz-box-sizing: border-box;
        		-webkit-box-sizing: border-box;
        		box-sizing: border-box;
        		margin-bottom: 0px;
            }
        	.box_left,
        	.box_right {
        		float: none;
        		width: 100%;
        	}
        	.certificate {
                display: none;
            }
            .certificate_mobile {
                display: block;
                padding-top: 20px;
                text-align: center;
            }
        	.none_mobile {
        		display: none;
        	}
        	.head {
                margin-bottom: 10px;
        	}
            h1 {
            	padding-bottom: 15px;
            }
            .name {
                padding-right: 10px;
            }
        	.br-entfernen,
        	.nonmobile {
        		display: none;
        	}
        	
        }
        @media only screen and (max-width:450px) {
            * {
            	padding: 0;
            	margin: 0;
        		-moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
        	.box_left {
        		padding-bottom: 0;
        	}
        	.footer_right {
        	    display: none;
        	}
        	.footer_middle {
                width: 100%;
                text-align: center;
                bottom: 20px;
        	    left: 0px;
            }
        	.footer_left {
        	    width: 100%;
        	}
        	.apply {
        	    width: 100%;
        	}
        	.footer {
        	    padding-top: 30px;
        	}
        }
        .headlineBlack {
            color: #000000;
        }
        .responsibilities {
            padding-top: 20px;
        }