@import url("../inc/fonts/icon-font/style.css");

html, body {
    height:100%;
    width:100%;
    padding:0;
    margin:0;
	font-family: 'Droid Sans', sans-serif;
    font-weight:normal;
}

::selection {
    background: #292929;
    color: #fff;
}
::-moz-selection {
    background: #262626;
    color: #fff;
}
.content,.content-m, .content-620, .content-500,.content-720
{
    max-width:1000px;
    margin:0 auto;
}
.content-620{
    max-width: 620px;
    padding:60px 30px;
}
.content-720{
    max-width: 820px;
    padding:60px 30px;
}
.content-500{
    max-width: 540px;
    padding:60px 30px;
}
@media(min-width:1120px){
    .content,.content-m{
        padding:60px 0;
    }
}
@media(max-width:1120px){
    .content,.content-m{
        padding:60px 30px;
    }
}
@media(max-width:767px){
    .content-m{
        padding:30px 0;
    }
    .content-620,.content-720{
        padding:30px 15px;
    }
    .content-500{
	    padding:30px 10px;
	}
}
@media(max-width:400px){
    .content{
        padding:30px 15px;
    }
}

/*FONTS*/
.h2 {
    font-family: 'Droid Sans', sans-serif;
    font-weight:bold;
    text-transform:uppercase;
}
.tex1{
    font-family:"gosmicksansregular";
}

@font-face {
    font-family: 'gosmicksansregular';
    src: url('../inc/fonts/GosmickSans/gosmicksans-webfont.eot');
    src: url('../inc/fonts/GosmickSans/gosmicksans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../inc/fonts/GosmickSans/gosmicksans-webfont.woff2') format('woff2'),
         url('../inc/fonts/GosmickSans/gosmicksans-webfont.woff') format('woff'),
         url('../inc/fonts/GosmickSans/gosmicksans-webfont.ttf') format('truetype'),
         url('../inc/fonts/GosmickSans/gosmicksans-webfont.svg#gosmicksansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*COLORS*/
.white {
    background-color:rgb(255,255,255);
}
.green {
    background-color: rgb(0,147,0);
}
.light-green {
    background-color: rgb(0,211,0);
}
.extra-green {
    background-color: rgb(191,255,191);
}
.purple{
    background-color: rgb(213,6,83);
}
.semi-purple{
	background-color: rgb(130,13,104);
}
.orange{
	background-color: rgb(255,136,29);
}
.semi-orange{
	background-color: rgb(212,150,83);
}
.blue{
    background-color: rgb(13,141,209);
}
.light-blue{
    background-color:#dcf4ff;
    color:#2297cd;
}
.dark-grey{
    background-color: rgb(83,83,83);
}
.light-grey{
    background-color: #dcdcdc;
}
.red{
	background-color: rgb(186,30,13);
}
.rosa{
	background-color: rgb(255,230,208);
}

/*opacity*/
.o-85.green {
    background-color: rgb(0,147,0);
    background-color: rgba(0,147,0,0.85);
}
.o-85.light-green {
    background-color: rgb(0,211,0);
    background-color: rgba(0,211,0,0.85);
}
.o-85.extra-green {
    background-color: rgb(218,248,221);
    background-color: rgba(218,248,221,0.75);
}
.o-85.purple{
    background-color: rgb(213,6,83);
    background-color: rgba(213,6,83,0.85);
}
.o-85.orange{
	background-color: rgb(255,136,29);
	background-color: rgba(255,136,29,0.85);
}
.o-85.semi-orange{
	background-color: rgb(212,150,83);
	background-color: rgba(212,150,83,0.85);
}
.o-85.semi-purple{
	background-color: rgb(130,13,104);
	background-color: rgba(130,13,104,0.85);
}
.o-85.rosa{
	background-color: rgb(201,179,188);
	background-color: rgba(201,179,188,0.85);
}
.o-85.blue{
    background-color: rgb(13,141,209);
    background-color: rgba(13,141,209,0.85);
}
.o-85.dark-blue{
    background-color: rgb(38,117,135);
    background-color: rgba(38,117,135,0.85);
}
.o-85.dark-grey{
    background-color: rgb(83,83,83);
    background-color: rgba(83,83,83,0.85);
}
.o-85.light-grey{
    background-color: rgb(220, 220, 220);
    background-color: rgba(220, 220, 220,0.85);
}
.o-85.red{
	background-color: rgb(186,30,13);
	background-color: rgba(186,30,13,0.85);
}

.white-text {
    color:rgb(255,255,255);
}


/*shadows*/
.content-shadow{
    -webkit-box-shadow: 0px -5px 13px 0px rgba(126, 126, 126, 0.59);
    -moz-box-shadow:    0px -5px 13px 0px rgba(126, 126, 126, 0.59);
    box-shadow:         0px -5px 13px 0px rgba(126, 126, 126, 0.59);
}
.dark-inset-shadow-top{
    -webkit-box-shadow: inset 0px 10px 13px 0px rgba(37, 37, 37, 0.3);
    -moz-box-shadow:    inset 0px 10px 13px 0px rgba(37, 37, 37, 0.3);
    box-shadow:         inset 0px 10px 13px 0px rgba(37, 37, 37, 0.3);
}
	/*borders*/
	/*.b-light-green{
		border-bottom: 8px solid #009300;
	}
	.b-green{
		border-bottom: 8px solid #006900;
	}
	.b-purple{
		border-bottom: 8px solid #9e003b;
	}
	.b-orange{
		border-bottom: 8px solid #d16809;
	}
	.b-blue{
		border-bottom: 8px solid #00527e;
	}*/


/*Grids*/

.spacer {
    display: block;
}

.ratio1_1, .ratio2_1, .ratio2_3{
    position: relative;
}
.ratio1_1:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.ratio2_1:before{
    content: "";
    display: block;
    padding-top: 50%;
}
.ratio2_3:before{
    content: "";
    display: block;
    padding-top: 160%;
}

.t-s-m,.t-s-l,.t-s-r{
	padding:10px 0;
}
.t-s-l{
	padding-right:10px;
}
.t-s-r{
	padding-left:10px;
}
@media(max-width:767px){
	.t-s-l{
		padding-right:0;
	}
	.t-s-r{
		padding-left:0;
	}
}

/*Formular*/
input,textarea,button{
	border:none;
	background:none;
	border-radius: 0;
}
input,textarea,.input{
	resize: none;
	background-color:#f0f0f0;
	font-size:20px;
	color:#7f7f7f;
	padding:16px 20px;
}
a.button{
	color:#fff;
	padding:5px 20px;
	font-size:17px;
	text-decoration:none;
}
a.button:hover{
	text-decoration:none;
}
span.form-must{
	color:#00cc00;
	font-size:20px;
}

	/*costum file button*/
	.custom-file-upload-hidden {
	    display: none;
	    visibility: hidden;
	    position: absolute;
	    left: -9999px;
	}
	.custom-file-upload {
	    margin-top: 10px;
	}
	
	.file-upload-wrapper {
	    position: relative; 
	}
	.file-upload-input {
	    color: #333;
	    font-size: 16px;
	    padding: 0; 
	    border: none;
	    background-color: #dcdcdc;
	    height:40px; 
	    text-align:right;
	    padding-right:10px;
	}
	.file-upload-button {
	    cursor: pointer; 
	    display: block; 
	    border: none;
	    left:0;
	    position:absolute;
	    height:40px;
	    margin-top:-40px;
	}


/*OTHER*/
.clear {
    clear:both;
}
.awrapper {
    width: 100%;
    height:100%;
    display: block;
    position: relative;
    overflow:hidden;
    margin: 0;padding: 0;
}
span.pre{
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}



.page-header{
    position:absolute;
    bottom: 0;
    text-align: center;
    padding:0;
    margin:0;
    width: 100%;
    z-index: 6;
    background-image:url('../img/icon/svg/arr-down-2.svg');
    background-repeat: no-repeat;
    background-position: center 95%;
    background-size: 70px 50px;
    border: none !important;
    min-height: 100px;
}
.page-header > .content{
	padding-top: 20px;
	padding-bottom:50px;	
}
.page-header[data-theme="index"]{
	position:relative;
    bottom: 0;
    background-image:none;
    padding:0;
    text-align:left;
}
.page-header[data-theme="index"] > .content{
	padding-top: 20px;
	padding-bottom:20px;	
}
.page-header h1,
.page-header h2,
.page-header h3 {
    color:#ffffff;
    text-transform: uppercase;
    font-size:50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight:bold;
}
.page-header[data-theme="index"] h1,
.page-header[data-theme="index"] h2,
.page-header[data-theme="index"] h3 {
    font-size:34px;
}

@media(max-width:767px){
	.page-header h1,
    .page-header h2,
    .page-header h3 {
		font-size: 30px;
	}
	.page-header[data-theme="index"] h1,
    .page-header[data-theme="index"] h2,
    .page-header[data-theme="index"] h3{
    	font-size:22px;
	}
	.page-header > .content{
		padding-top: 0px;
		padding-bottom:40px;	
	}
	.page-header[data-theme="index"] > .content{
		padding-top: 10px;
		padding-bottom:10px;	
	}
	
}


header{
    width:100%;
    height:100%;
    position:fixed;
    z-index:-1;
}
header img{
	min-height:100%;
	min-width:100%;
	position:fixed;
}
header[data-theme="index"] {
    background:url('../img/start-img/start_index.jpg') no-repeat 65% bottom;
    background-size:cover;
}
header[data-theme="ireland"]{
    background:url('../img/start-img/start_ireland.jpg') no-repeat center center;
    background-size:cover;
}

header[data-theme="offer"] {
    background:url('../img/start-img/start_offer.jpg') no-repeat center bottom;
    background-size:cover;
}

header[data-theme="youoffer"] {
    background:url('../img/start-img/start_youoffer.jpg') no-repeat center center;
    background-size:cover;
}
header[data-theme="company"] {
    background:url('../img/start-img/start_company.jpg') no-repeat center center;
    background-size:cover;
}
header[data-theme="contact"] {
    background:url('../img/bg-1.jpg') no-repeat center center;
    background-size:cover;
    top:0;
}
@media(max-width:767px){
	header {
		/*position:absolute;
		z-index:-1;*/
        /* max-height: calc(100vh - 100px);*/
	}
	header[data-theme="index"]{
	    background:url('../img/start-img/start_index_medium.jpg') no-repeat 65% bottom;
	    background-size:cover;
	}
	header[data-theme="ireland"]{
	    background:url('../img/start-img/start_ireland_medium.jpg') no-repeat 35% center;
	    background-size:cover;
	}
	
	header[data-theme="offer"]{
	    background:url('../img/start-img/start_offer_medium.jpg') no-repeat center bottom;
	    background-size:cover;
        max-height: calc(100vh - 100px);
	}
	header[data-theme="youoffer"]{
	    background:url('../img/start-img/start_youoffer_medium.jpg') no-repeat center center;
	    background-size:cover;
	}
	header[data-theme="company"]{
	    background:url('../img/start-img/start_company_medium.jpg') no-repeat center center;
	    background-size:cover;
	}
	header[data-theme="contact"]{
	    background:url('../img/bg-1.jpg') no-repeat center center;
	    background-size:cover;
	    top:0;
	}
	
}/*
.header{
	z-index:-1;
}
.header[data-theme="index"]{
    background:url('../img/start-img/start_index.jpg') no-repeat center bottom;
    background-size:cover;
}
*/


#arr-down{
    width:80px;
    height:40px;
    position:fixed;
    left: 50%;
    margin-left: -40px;
    background:url('../img/icon/svg/arr-down.svg') no-repeat center center;
    background-size: 100% auto;
    cursor: pointer;
    bottom:10px;
    z-index:1;
}
section#content{
    position:relative;
    z-index:2;
    background-color: #ffffff;
    margin: 0;padding: 0;
    overflow:hidden;
}




/*menu*/
#header-bar{
    position: fixed;
    width: 100%;
    top:0;
    z-index:9990;
}
#header-bar .content{
    padding-top:10px;
    padding-bottom:10px;
    overflow:hidden;
}

#header-bar #logo{
    float:left;
    width: 310px;
    height:55px;
    background: url('../img/icon/png/logo_wortundbild.png') no-repeat center center;
    background: url('../img/icon/svg/logo_wortundbild.svg') no-repeat center center;
    background-size: 100%; 
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='../img/icon/svg/logo_wortundbild.svg',
	sizingMethod='scale');
	
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='../img/icon/svg/logo_wortundbild.svg',
	sizingMethod='scale')";*/
}
@media(max-width:300px){
	#header-bar #logo{
		display:none;	
	}
	#header-bar #menu-icon{
	    margin-top: 0px;
	}
}
#header-bar #menu-icon{
    float:right;
    width: 30px;
    height:23px;
    margin-top: 15px;
    background: url('../img/icon/png/menu-ico.png') no-repeat center center;
    background-size: 100%;
    cursor:pointer;
}

#menu-dropdown{
    position:fixed;
    z-index:9991;
    top:0;
    width:100%;
    background-color: rgb(65,65,65);
    background-color: rgba(65,65,65,0.95);
    border-bottom: 3px solid #0c980d;
    display:none;
}
#menu-dropdown div{
    opacity: 1;
    filter:     alpha(opacity = 100);
    -ms-filter: "alpha(opacity = 100)";
}
#menu-dropdown ul{
    list-style: none;
    margin:0;padding:30px 0;
}
#menu-dropdown ul li{
    width:100%;
    margin:0;
}
#menu-dropdown a{
    color:#fff;
    text-transform: uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-size: 30px;
    display:block;
    font-weight: bold;
    padding:5px 0;
}
#menu-dropdown a.llgreen:hover{
    background-color: #00d300;
    text-decoration:none;
}
#menu-dropdown a.lgreen:hover{
    background-color: #009300;
    text-decoration:none;
}
#menu-dropdown a.lorange:hover{
    background-color: #ff881d;
    text-decoration:none;
}
#menu-dropdown a.lpurple:hover{
    background-color: #d50653;
    text-decoration:none;
}
#menu-dropdown a.lblue:hover{
    background-color: #0d8dd1;
    text-decoration:none;
}
#menu-dropdown .link-wrapper{
    position:relative;
    left:50%;
    margin-left: -15%;
}
#menu-dropdown .language input[name="en"]{
    position: absolute;
    left:7%;
    width:47px;
    height:30px;
    background: url('../img/icon/png/land_ir.jpg') no-repeat center center;
    background-size:100%;
    margin-top:10px;
    z-index:3;
    cursor:pointer;
}
#menu-dropdown .language input[name="de"]{
    position: absolute;
    left:13%;
    width:47px;
    height:30px;
    background: url('../img/icon/png/land_de.jpg') no-repeat center center;
    background-size:100%;
    margin-top:10px;
    z-index:3;
    cursor:pointer;
}
#menu-dropdown .language input[name="nl"]{
    position: absolute;
    left:18%;
    width:47px;
    height:30px;
    background: url('../img/icon/png/land_nl.png') no-repeat center center;
    background-size:100%;
    margin-top:10px;
    z-index:3;
    cursor:pointer;
}
#menu-dropdown .close{
    position: absolute;
    right:7%;
    width:30px;
    height:30px;
    margin-top:-3px;
    padding:30px;
    background: url('../img/icon/svg/close-1.svg') no-repeat center center;
    background-size:60%;
    z-index:3;
}
@media(max-width:970px){
#menu-dropdown .link-wrapper{
	margin-left:-200px;
}

}
@media(max-width:700px){
#menu-dropdown .link-wrapper{
    position:relative;
    left:0;
    margin-left: 15px;
}
#menu-dropdown .close{
    position: absolute;
    right:15px;
    width:30px;
    height:30px;
    margin-top:-3px;
    padding:30px;
}
#menu-dropdown .language{
    position: absolute;
    left:auto;
    right:80px;
    width:50px;
    height:30px;
    margin-top:10px;
}
#menu-dropdown .language input[name="nl"]{
   position: absolute;
   left:30%;
   width:47px;
   height:30px;
   background: url('../img/icon/png/land_nl.png') no-repeat center center;
   background-size:100%;
   margin-top:10px;
   z-index:3;
   cursor:pointer;
}

#menu-dropdown .language input[name="de"]{
   position: absolute;
   left:-72%;
   width:47px;
   height:30px;
   background: url('../img/icon/png/land_de.jpg') no-repeat center center;
   background-size:100%;
   margin-top:10px;
   z-index:3;
   cursor:pointer;
}

#menu-dropdown .language input[name="en"]{
   position: absolute;
   left:-175%;
   width:47px;
   height:30px;
   background: url('../img/icon/png/land_ir.jpg') no-repeat center center;
   background-size:100%;
   margin-top:10px;
   z-index:3;
   cursor:pointer;
}

#menu-dropdown .language{
	margin:0;	
}

}
@media(max-width:450px){
#menu-dropdown a{
	padding:10px 0;
}
#menu-dropdown .link-wrapper{
    font-size:22px;
}
#header-bar #logo{
    width: 182px;
    height:34px;
    margin-top:3px;
}
#header-bar #menu-icon{
    margin-top: 6px;
    margin-right:3px;
}

}



/*index*/
section#wlk .h2{
    font-size:34px;
    margin-bottom: 80px;
}
section#wlk .tex1{
    font-size:26px;
}
section#wlk p.tex1{
    text-align: center;
    margin-top: 80px;
}
section#wlk p.tex1 span.u1{
    background: url('../img/icon/png/green-underline.png') no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom:7px;
}
section#wlk .row{
    padding:60px 0;
    text-align:center;
}
section#wlk .arrow-show{
    padding:10px 0;
}
section#wlk .arrow-show > div{
    padding:0;
}
section#wlk .arrow-show .circle{
    width:200px;
    height:200px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index:1;
    position: relative;
}
section#wlk .arrow-show .arr-rb,section#wlk .arrow-show .arr-rt{
    height:63px;
    width:151px;
    z-index:2;
    position: relative;
    margin: 0 auto;
}
section#wlk .arrow-show .arr-rb{
    background:url('../img/icon/png/blue-arrow-rb.png') no-repeat center center;
    margin-top:10px;
}
section#wlk .arrow-show .arr-rt{
    background:url('../img/icon/png/blue-arrow-rt.png') no-repeat center center;
    margin-top:120px;
}
section#wlk .arrow-show .user{
    background-image:url('../img/icon/svg/user_gl.svg');
    background-position: center -30px;
    background-size:260px;
}
section#wlk .arrow-show .logo{
    background-image:url('../img/icon/png/logo-big.png');
    background-size:135px;
    left:50%;
    margin-left:-100px;
}
section#wlk .arrow-show .city{
    background-image:url('../img/icon/svg/city_w.svg');
    background-size:190px;
    float:right;
}

section#navi .content{
    padding-top: 20px;
    padding-bottom: 20px;
    max-width:800px;
}
section#navi a:hover > section{
	-webkit-box-shadow: inset 0px 10px 13px 0px rgba(37, 37, 37, 0.3);
    -moz-box-shadow:    inset 0px 10px 13px 0px rgba(37, 37, 37, 0.3);
    box-shadow:         inset 0px 10px 13px 0px rgba(37, 37, 37, 0.3);
}
section#navi .h2{
    color:#ffffff;
    line-height:100px;
    display: inline;
}
section#navi .circle, .circle{
    height:100px;
    width:100px;
    border-radius:50%;
    background-position: center center;
    background-repeat: no-repeat;
}
section#navi .circle.land{
    background-image: url('../img/icon/png/land-small.png');
}
section#navi .circle.logo{
     background-image:url('../img/icon/png/logo-small.png');
     background-size: 80px;
}
section#navi .circle.user{
    background-image:url('../img/icon/svg/user_w.svg');
    background-position: center -15px;
    background-size: 130px;
    background-color: #1cbe1c;
}
section#navi .circle.city{
    background-image:url('../img/icon/svg/city_g.svg');
    background-size: 100px;
}

@media(max-width:767px){
	section#wlk .tex1{
	    font-size:22px;
	}
	
	section#wlk .arrow-show > div{
    	padding:5px 0;
	}
	section#wlk .arrow-show .arr-rb{
		margin-right:-40px;
	    float:right;	    
	}
	section#wlk .arrow-show .arr-rt{
		margin-left:-40px;
	    float:left;
	}
	section#wlk .arrow-show .arr-rb,section#wlk .arrow-show .arr-rt{
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);		
		margin-top:-30px;
	}
	section#wlk .arrow-show .user{
		margin:0 auto;
		float:none;
	}
	section#wlk .arrow-show .logo{
		margin:0 auto;
		float:none;
		left:auto;
	}
	section#wlk .arrow-show .city{
		margin:0 auto;
		float:none;
	}
	
	/*sec2*/
	section#navi .content{
	    text-align:center;
	}
	section#navi .circle, .circle{
	    margin:0 auto;
	}
	section#navi .h2{
	    line-height:normal;
	    display:block;
	    font-size: 22px;
	}
	
}


/*offer*/
section#wlk-offer{
/*
    background:url('../img/bg-1.jpg') no-repeat center center;
    background-size: cover;
*/
}
section#wlk-offer > .content-m {
    padding-bottom: 0;
    padding-top: 200px;
}
section#wlk-offer h3 {
	color:#fff;
}
@media(max-width: 767px){
	section#wlk-offer > .content-m {
	    padding-top: 0px;
	}	
}
section#offer-grid > .content-m {
    padding-top: 0;
}

#content[data-role="offer"] {
    background:url('../img/bg-1.jpg') no-repeat center center;
    background-size: cover;
}

#wlk-offer-text{
    padding:35px;
}
#wlk-offer-text p{
    font-size: 20px;
    margin-bottom:30px;
    color:#fff;
}
#wlk-offer > .content-m > span{
    display:block;
    height:85px;
    background: url('../img/icon/svg/logo_wortundbild.svg') #fff no-repeat 35px center;
    background-size:257px;
}

section#offer-grid .dark-grey{
    padding:5px 0;
    text-align: center;
}
section#offer-grid h3{
	color:#fff;
}
section#offer-grid .dark-grey .h2{
    font-size:20px;
    color: #ffffff;
    margin:0;
    padding:10px 0;
}
section#offer-grid .p1{
    background:url('../img/offer_page/p1.jpg') no-repeat center bottom;
    background-size: cover;
}
section#offer-grid .p2{
    background:url('../img/offer_page/p2.jpg') no-repeat center bottom;
    background-size: cover;
}
section#offer-grid .p3{
    background:url('../img/offer_page/p3.jpg') no-repeat center bottom;
    background-size: cover;
}
section#offer-grid .p4{
    background:url('../img/offer_page/p4.jpg') no-repeat center bottom;
    background-size: cover;
}
section#offer-grid .row > div > .content{
    position:absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding:40px 30px;
}
section#offer-grid .row > div > .content p{
    font-size: 17px;
    color:#ffffff;
}

@media(max-width: 900px){
    section#offer-grid .text.ratio1_1:before{
        padding:0;
    }
    section#offer-grid .row > div > .content{
        position: relative;

    }
}


/*youoffer*/
section#youoffer-grid > .content-m{
    padding-top: 0;
}
#content[data-role="youoffer"] {
    background:url('../img/bg-1.jpg') no-repeat center center;
    background-size: cover;
}
#content[data-role="youoffer"] #wlk-offer-text{
    padding: 0;
}
#content[data-role="youoffer"] #wlk-offer-text p,section#youoffer-grid p{
    font-size: 24px;
    margin-bottom:30px;
    color:#fff;
}
#content[data-role="youoffer"] ul{
	list-style: none;
	padding:0;
}
#content[data-role="youoffer"] ul li{
	padding:5px 0px 5px 60px ;
	font-size: 24px;
    margin-bottom:30px;
    color:#fff;
    background:url('../img/icon/png/true_white.png') no-repeat left 5px;
    /*background:url('../img/icon/svg/tick_white.svg') no-repeat left 5px;*/
    background-size: 40px;
}
#content[data-role="youoffer"] #wlk-offer-text ul li{
	background:url('../img/icon/png/true_green.png') no-repeat left 5px;
	/*background:url('../img/icon/svg/tick_green.svg') no-repeat left 5px;*/
	background-size: 40px;	
	color:#fff;
}
section#youoffer-grid .dark-grey{text-align:center;}
section#youoffer-grid .dark-grey .h2{
    font-size:20px;
    color: #ffffff;
    display:inline-block;
    padding:10px 0;
}
section#youoffer-grid input, section#youoffer-grid textarea{
	width:100%;
}
section#youoffer-grid button{
	background-color:#7f7f7f;
	color:#ffffff;
	font-size:17px;
	padding:5px 20px;
	float:right;
}
@media(max-width:410px){
	section#youoffer-grid .input{
		text-align:center;
	}
	section#youoffer-grid button{
		float:none;
	}
	#content[data-role="youoffer"] ul li{
	padding:10px 0px 7px 60px ;
	font-size: 18px;
	}
}
section#youoffer-grid button[type="submit"]{
	margin:0;
	float:right;
	background-color:#009300;
}
section#youoffer-grid span.ue{
	padding:8px 30px;
	display:block;
}

/*ireland*/
.m-pick{display:none;}
#content[data-role="ireland"] #wlk-offer{
	background:url('../img/ireland_page/bg_03.jpg') no-repeat center top;
    background-size: cover;
    color:#fff;
}
#content[data-role="ireland"] #wlk-offer .p0{
	background:url('../img/ireland_page/bg_03.jpg') no-repeat center center;
    background-size: cover;
}
section#ireland-grid .container-fluid,section#ireland-grid .row,section#ireland-grid .col-sm-6,section#ireland-grid .col-sm-12{
	padding:0;margin:0;
}

section#ireland-grid .content{
	padding:30px;
}
section#ireland-grid .p1{
	background:url('../img/ireland_page/bg_05.jpg') no-repeat left top;
    background-size: cover;
}
section#ireland-grid .p2{
	background:url('../img/ireland_page/bg_08.jpg') no-repeat right top;
    background-size: cover;
}
section#ireland-grid .p3{
	background:url('../img/ireland_page/bg_10.jpg') no-repeat left bottom;
    background-size: cover;
}
section#ireland-grid .p4{
	background:url('../img/ireland_page/bg_14.jpg') no-repeat right center;
    background-size: cover;
}
section#ireland-grid .p5{
	background:url('../img/ireland_page/bg_13.jpg') no-repeat right center;
    background-size: cover;
}
section#ireland-grid .p4.m-pick{
	background-position: center left;
}
section#ireland-grid .content-m{
	padding-top:0;
	padding-bottom:0;
    max-width: none;
}
section#ireland-grid .content, section#page-end > .content-m {
	color:#fff;
	font-size:17px;
}

section#ireland-grid .light-blue .content{
	 color:#2297cd;
}
section#ireland-grid .content p{
	margin-bottom:30px;
	font-weight:normal;
}
section#ireland-grid .right{
	float:right;
}
@media(max-width:767px){
	section#ireland-grid .right{
		float:none;
	}
	.m-pick{display:block;background-position:center center;}
}
#content[data-role="ireland"] section#page-end{
	background:url('../img/ireland_page/bg_16.jpg') no-repeat  3% 50%;
    background-size: cover;
}
section#page-end > .content-m{
	padding-top:0;
	padding-bottom:150px;
}
#page-end-text{
	padding:30px;
}
section#page-end .button{
	text-transform:uppercase;
}
@media(max-width:350px){
	section#page-end .button{
		font-size: 14px;
	}
	
}


/*company*/
#content[data-role="company"] {
    background:url('../img/bg-1.jpg') no-repeat center center;
    background-size: cover;
}

#content[data-role="company"] #wlk-offer-text p{
    margin:50px 0;
}
#offer-grid .row.sec1 .content{
	position: relative;
}
.row.sec1 .blue .circle{
	background:#0270aa;	
	position: relative;
	color:#fff;
	text-align:center;
}
.row.sec1 .blue .circle > span{
	display:inline;
	line-height:100px;
	font-size:50px;
}
.row.sec1 .blue .circle > span.icon-phone_2{
	font-size:80px;
}
.row.sec1 p {
	font-size:17px;
	color:#fff;
}
.row.sec1 .blue .content p {
	color:#fff;
	background:transparent;
	margin-top:20px;
}
div.row.sec1 .light-grey p{
	color:#000 !important;
}
@media(max-width:767px){
	.row.sec1 .blue .circle{
		margin-bottom:40px;
	}
}


/*contact*/
section#content[data-role="contact"]{
	background:transparent;
	font-size:28px;
	padding-bottom:200px;
}
section#content[data-role="contact"] .content{
	padding-bottom:0;
}
div.page-header.contact{
	background-image:none;
	padding:50px 0;	
	margin-top:70px;
	bottom:auto;
	position:relative;
}
section#content[data-role="contact"] .circle{
	text-align:center;
}
section#content[data-role="contact"] .circle > span{
	display:inline;
	line-height:100px;
	font-size:50px;
}
section#content[data-role="contact"] .circle > span.icon-home{
	color:#fff;
}
section#content[data-role="contact"] .circle > span.icon-phone{
	font-size: 60px;
}
section#content[data-role="contact"] .circle > span.icon-letter{
	color:rgb(0,147,0);
}

@media(max-width:767px){
	section#content[data-role="contact"]{
		background:transparent;
		font-size:18px;
	}
	section#content[data-role="contact"] .circle{
		margin-bottom:60px;
	}
	section#content[data-role="contact"] p{
		text-align: center;
	}
}
@media (min-width:768px){
p.vcent{
	line-height: 100px;
	 white-space: nowrap;
}
}

/*impressum*/
section#content[data-theme="impressum"],
section#content[data-theme="index"]{
	background:transparent;
	font-size:28px;
	color:#fff;
}
.data-text > p{
	font-size:14px;
	color:#fff;
	margin-bottom:30px;
	line-height:1.5;
}
@media (min-width:768px){
.data-text > p{
    font-size:16px;
}
}
.data-text > h5{
	color:#fff;
	padding-bottom:0;
	margin:0;
	line-height:1.5;
	font-weight:bold;
}
@media(max-width:767px){
section#content[data-theme="impressum"],
section#content[data-theme="index"]{
		background:transparent;
		font-size:18px;
		color:#fff;
	}
}

/*AGB*/
section#content[data-role="agb"]{
	padding-bottom: 200px;
}
.klp{
	margin-left:30px;
}

@media (max-width:785px) and (min-width:767px){
	.smallM{
		font-size:13px;
	}
}
@media (max-width:767px){
	.klp{
	margin-left:0px;
}
}



.browsehappy{
	background-color:#ffffff;
	border-top:3px solid rgb(186,30,13);
	border-bottom:3px solid rgb(186,30,13);
	color:#000000;
	display:block;
	font-size:18px;
	padding:20px;
	position:absolute;
	top:72px;
	left:0;
	right:0;
	z-index:124;
}





/*footer*/
footer{
    position:relative;
    overflow: hidden;
    z-index:2;
}
footer .content{
    padding-top:15px;
    padding-bottom:15px;
}
footer a{
    color:#f7f7f7;
}
footer a:hover{
    color:#fff;
}
footer #footer-top{
    width:30px;
    height:20px;
    position:absolute;
    left:50%;
    margin-left:-15px;
    margin-top: -40px;
	color:#ffffff;
    cursor: pointer;
    font-size: 28px;
}
footer input{
	font-size:14px;padding:0px 0;margin:0;background:transparent;color:#fff;
}
footer input:hover{
	text-decoration: underline;
}
@media(max-width:767px){
    footer {
    }
	footer a, footer input{
		display:block;
		width:100%;
		text-align:left;
    	padding:5px 0;
    	display:block;
    	border-bottom:1px solid #474546;
   }
   footer #footer-top{
	   	margin-top:-211px;
		color:#ffffff;
	    cursor: pointer;
	    font-size: 28px;
	}

}

.footer-spacer {
    display: block;
    height: 100vh;
    width: 100%;
}
@media(max-width:767px){
    .footer-spacer {
        display: none;
    }
}

.footer-spacer[data-theme="contact"] {
    display: none;
}

.footer-spacer[data-theme="arbeiten-in-irland"] {
    display: none;
}