@charset "UTF-8";

.textblau
{
    color:#0f1464;
}

.headerhintergrund
{
	width:100%;
	height:auto;
    position:relative;
}

.fullsizelogo-hintergrund
{
    width:100%;
    height:auto;
    position:absolute;
    top:0px;
    left:0px;
}

.fullsizelogo
{
    width:75%;
    height:auto;
    margin-top:10%;
    margin-left:auto;
    margin-right:auto;
}

.footertext, .footertext a
{
	font-weight:400;
	font-size:14px;
	text-align:center;
    color:#dddddd;
}

.footertext a:hover
{
    color:#ffffff;
}

.linie-blau
{
    background:#0f1464;
    width:100%;
    height:1px;
}

.linie-weiss
{
    width:100%;
    height:1px;
    background:#ffffff;
}

.msb-blau
{
    color:#0f1464;
}

.msb-grau
{
    color:#5a5f68;
}

.background-blau
{
    background:#0f1464;
}

.background-grau
{
    background:rgba(0,0,0,0.2);
}

.footerbalken
{
    background:#0f1464;
    color:#ffffff;
}

.mobilmenufenster
{
    width:500px;
    height:auto;
    min-height:300px;
    position:fixed;
    top:100px;
    right:40px;
    background:#0f1464;
    display:none;
    z-index:100000;

}

.auswahlmobilscrollen
{
  	height:100%;
	overflow: auto;
} 

.menu-container
{
    max-width:444px;
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}

.menu-header-texte
{
    font-size:24px;
    font-weight:600;
    color:#ffffff;
    text-align:center;
    line-height:1;
    padding:0px 5px 24px 5px;
    transition: all 0.5s;
}

.menubutton-texte
{
    color:#ffffff;
}

.menu-link-texte
{
    font-size:18px;
    font-weight:300;
    color:#ffffff;
    text-align:center;
    line-height:1;
    padding:12px 5px;
    transition: all 0.5s;
    cursor:pointer;
    width:100%;
    
    
}

.menu-link-texte:hover
{
    color:#0f1464;
    background:#ffffff;
}


.menu-footertext
{
    font-size:16px;
    text-align:center;
    color:#ffffff;
    font-weight:600;
    
}

.menu-footertext a
{
    color:#ffffff;
    transition: all 0.5s;
}

.menu-footertext a:hover
{
    color:#000000;
}

.map-container
{
    width:100%;
	height:500px;
	background-color:#333333;
	margin:auto;
}

#map
{
	width:100%;
	height:500px;
} 

.containergooglemeldung
{
	width:100%;
	height:300px;
	font-weight: 400;
	font-size:20px;
	text-align:center;
	color:#ffffff;
	padding-top:100px;
	padding-left:15px;
	padding-right:15px;
}


.startseiteoben, .background-anfahrt
{
    width:100%;
    height:auto;
    background:#dfe7f2;
}

.startseite-bild-container-scr1, .startseite-bild-container-scr2
{
    width:100%;
    height:auto;
}

.startseite-bild-container-scr2
{
    display:none;
}

.startseite-text-container
{
    width:100%;
    height:100%;
    background:#ffffff;
    display:block;
    padding-top:40px;
    padding-left:40px;
    padding-right:40px;
}

.startseite-text-container-breit
{
    width:100%;
    height:auto;
    background:#ffffff;
    display:block;
    padding-top:40px;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:40px;
}

.leistungen-header
{
    color:#ffffff;
    font-size:30px;
    font-weight:600;
    line-height:1.2;
    text-align:center;
}

 .urlaub-header
{
    color:#0f1464;
    font-size:30px;
    font-weight:600;
    line-height:1.2;
    text-align:center;
    text-transform:uppercase;
}

.urlaub-text
{
    color:#000000;
    font-size:17px;
    font-weight:400;
    text-align:center;
    margin-right:auto;
    margin-left:auto;
    max-width:600px;
}
.leistungen-sub-header
{
    color:#ffffff;
    font-size:17px;
    font-weight:400;
    line-height:1.2;
    text-align:center;
}

.leistungen-text
{
    color:#ffffff;
    font-size:17px;
    font-weight:300;
    text-align:left;
    margin-right:auto;
    margin-left:auto;
    max-width:500px;
}

.leistungen-text a
{
    color:#ffffff!important;
    font-weight:500;
}

.startseite-text-container-header
{
    color:#0f1464;
    font-size:30px;
    font-weight:600;
    line-height:1;
    text-transform:uppercase;
    text-align:center;
}

.startseite-text-container-subheader
{
    color:#000000;
    font-size:20px;
    font-weight:600;
    line-height:1;
}

.startseite-text-container-text
{
    color:#000000;
    font-size:16px;
    font-weight:300;
}

.button-blau
{
    padding: 10px 30px;
    border: 1px solid #0f1464;
    color: #0f1464;
    background:#ffffff;
    display:block;    
    font-size: 18px;
    border-radius: 5px; 
    transition: all .5s;
    text-align:center;
    width:260px;
}

.button-blau:hover
{
    background: #0f1464;
    color: #ffffff;
}

.button-weiss
{
    padding: 10px 30px;
    border: 1px solid #ffffff;
    color: #ffffff;
    background:#0f1464;
    display:block;    
    font-size: 18px;
    border-radius: 5px; 
    transition: all .5s;
    text-align:center;
    width:260px;
    margin-left:auto;
    margin-right:auto;
}

.button-weiss:hover
{
    background: #ffffff;
    color: #0f1464;
}

.menu-header-tel-button
{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:100px;
    border: 1px solid #ffffff;
    color: #ffffff;
    background:#d71c3;
    display:block;    
    font-size: 18px;
    border-radius: 5px; 
    transition: all .5s;
    width:260px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.menu-header-tel-button:hover
{
    background: #ffffff;
    color: #0f1464;
}

.menu-header-tel-icon
{
    position:absolute;
    top:8px;
    left:60px;
    width:30px;
    height:auto;
}

.menu-telefon-icon
{
    stroke: #ffffff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 15px;
    transition: all .5s;
}

.menu-header-tel-button:hover .menu-telefon-icon
{
    stroke:#ffffff;
    fill:#0f1464;
}

.zertifikate-background
{
    background-color:#ffffff;
}

.zertifikateansicht
{
    width:100%;
    max-width:600px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    border:solid 1px rgba(0,0,0,0.3);
}

.zertifikatheadertexte
{
    text-align:center; 
    font-weight:600;
    text-transform: uppercase;
    color:#0f1464;
    line-height:1.3;
    font-size:36px;
}


.zertifikatsubheadertexte
{
    font-size:17px;
    text-align:center; 
    font-weight:500;
    color:#ffffff;
}

.projekte-block {
    position:relative;
    overflow:hidden;
}

.projekte
{
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
}

.projekte-single
{
    width:100%;
    height:auto;
    position:realtive;
}


.projekte .box-innen {
    position: relative;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.projekte .bildprojekte:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10;
}

.projekte-block .box-innen:hover .bildprojekte:before {
    animation: circleanimation .75s;
}

.projekte-textfenster-single-header
{
    position:relative;
    z-index:10000;
    padding-top:50px;
    margin-left:auto;
    margin-right:auto;
}


.projekte-textfenster-single-footer
{
    position:relative;
    z-index:10000;
    padding-top:50px;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
}

.single-header-ein-bild
{
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
}

.x-button
{
    width:40px;
    height:40px;
    position:absolute;
    top:0px;
    right:0px;
    z-index:20000;
    cursor:pointer;
    display:block;
}

.x-button-style-1
{   
    fill:#fff;
    stroke-miterlimit:10;
}

.x-button-style-1,.x-button-style-2
{
    stroke:#0f1464;
}
.x-button-style-2
{
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2px;
}

.x-button:hover .x-button-style-1
{
    fill:#0f1464;
}

.x-button:hover .x-button-style-2
{
    stroke:#ffffff;
}

.projekte-textfenster-single
{
    width:100%;
    min-height:120px;
    padding-bottom:20px;
    background:#0f1464;
    border:solid 1px #0f1464;
    margin-left:auto;
    margin-right:auto;
}

.projekte-texte-out-single
{
    width:100%;
    color:#ffffff;
    padding:20px 10px 0px 10px;
    text-align:center;
}

.projekte-textfenster-out
{
    margin-top:-30px;
    position:relative;
    z-index:10000;
}

.projekte-textfenster
{
    width:80%;
    height:120px;
    background:#ffffff;
    border:solid 1px #0f1464;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.projekte-texte-out
{
    width:100%;
    color:#0f1464;
    padding:20px 10px 0px 10px;
    text-align:center;
    z-index:100;
    position:relative;
    transition: all 0.7s;
}


.projekte-text
{
    font-size:17px;
    font-weight:400;
    
}

.projekte-textfenster-flaeche
{
    position:absolute;
    left:0px;
    top:120px;
    width:100%;
    height:0%;
    background:#0f1464;
}

.projekte-block:hover .projekte-textfenster-flaeche
{
    animation-duration: 0.7s; 
    animation-timing-function: ease-out; 
    animation-delay: 0s;
    animation-fill-mode: both;
    animation-play-state:running;
    animation-direction:normal;  
    animation-name: flaechenanimation;
}

.projekte-block:hover .projekte-texte-out
{
   color:#ffffff;
}

@keyframes flaechenanimation {
    0% {
       height:0%;
    }

    100% {
        height:100%;
        top:0px;
    }
}

@keyframes circleanimation {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.projekte-bilder
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.projekte-bilder-quer
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.projekte-bilder-einzeln
{
    width:100%;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
}

.projekteinzeln
{
    display:none;
    transition: all 0.5s;
    opacity:0;
}

.projektanzeigen
{
    opacity:1!important;
}

.linieblau
{
	width:100%;
	height:1px;
	display:block;
	background:#0f1464;
}

.standardtext-bold
{
	font-size:21px;
	font-weight:600;
	line-height:1.3;
}



.stellenanzeigeheadertexte
{
    text-align:center; 
    font-weight:600;
    text-transform: uppercase;
    color:#0f1464;
    line-height:1.3;
    font-size:36px;
}

.stellenanzeigesubheadertexte
{
    font-size:21px;
    text-align:center; 
    font-weight:500;
    color:#0f1464;
}

.stellenanzeigetexte
{
    font-size:17px;
    text-align:center; 
    font-weight:500;
    color:#0f1464;
}



.stellenanzeigebutton
{
    padding: 10px 10px;
    border: 1px solid #0f1464;
    color: #0f1464;
    background:#ffffff;
    display:block;    
    font-size: 21px;
	font-weight:500;
	line-height:1;
    text-align:center;
    width:320px;
	height:42px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.51s ease-in-out;
    transition: 0.5s ease-in-out;
	cursor: pointer;
	margin-left:auto;
    margin-right:auto;
}

.stellenanzeigebutton:hover
{
    background: #0f1464;
    color: #ffffff;
}

.urlaub
{
    width:100%;
    height:auto;
}

.mitarbeitersuchelogo
{
    width:100%;
    max-width:400px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
}

.kontakt-header-bild
{
    width:100%;
    height:auto;
}

.jobs-header-mobil
{
    display:none;
}
    
.jobs-header
{
    display:block;
}

.jobs-header-suchelogo-mobil
{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}

.jobs-text-container
{
    max-width:850px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

.jobs-header-text
{
    text-align:center; 
    font-weight:600;
    text-transform: uppercase;
    color:#0f1464;
    line-height:1.3;
    font-size:36px; 
}

.jobs-subheader-text
{
    text-align:center; 
    font-weight:600;
    color:#000000;
    font-size:17px; 
}

.jobs-text
{
    text-align:center; 
    font-weight:400;
    color:#000000;
    font-size:17px; 
}

.jobvorteile-container
{
    width:100%;
    max-width:850px;
    height:100px;
    background:rgba(0,0,0,0.1);
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}

.jobvorteile-icon
{
    width:100px;
    height:auto;
    position:absolute;
    top:0px;
    left:10px;
}

.jobvorteile-textblock-1
{
    padding-left:150px;
    padding-top:40px;
}

.jobvorteile-textblock-2
{
    padding-left:150px;
    padding-top:26px;
}

.jobsvorteile-text
{
    font-size:17px;
    color:#0f1464;
    font-weight:600;
    text-align:left;
}

.jobsvorteile-subtext
{
    font-size:17px;
    color:#000000;
    font-weight:400;
    text-align:left;
}

.jobangebot-hintergrund
{
    display:block;
    background:#0f1464;
}

.jobs-angebot-header-text
{
    text-align:center; 
    font-weight:600;
    color:#ffffff;
    line-height:1.3;
    font-size:28px; 
}

.jobs-angebot-subheader-text
{
    font-size:15px;
    color:#ffffff;
    font-weight:400;
    text-align:center;
}

.jobs-angebot-beschreibung-header-text
{
    font-size:17px;
    color:#ffffff;
    font-weight:600;
    text-align:left;
}

.jobs-angebot-beschreibung-text
{
    font-size:15px;
    color:#ffffff;
    font-weight:300;
    text-align:left;
}

.main-text ul, .kontakt-text ul
{
	margin:0;
	padding:0;
}


.main-text li, .kontakt-text li
{
    list-style-type: none;
    padding-left: 15px;
    background-image:url('../images/navi/punkt.svg');
	background-size: 6px;
    background-repeat:no-repeat;
    background-position:left top 8px;
} 



.jobs-bewerbe-button
{
    padding: 10px 10px;
    border: 1px solid #ffffff;
    color: #0f1464;
    background:#ffffff;
    display:block;    
    font-size: 21px;
	font-weight:500;
	line-height:1;
    text-align:center;
    width:320px;
	height:42px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.51s ease-in-out;
    transition: 0.5s ease-in-out;
	cursor: pointer;
	margin-left:auto;
    margin-right:auto;
}

.jobs-bewerbe-button:hover
{
    background: #0f1464;
    color: #ffffff;
}

.jobs-ini-header-text
{
    text-align:center; 
    font-weight:600;
    color:#0f1464;
    line-height:1.3;
    font-size:28px; 
}

.jobs-ini-text
{
    font-size:17px;
    color:#000000;
    font-weight:400;
    text-align:center;
}