/*
#192d55; logo blau 100%
#d71e23; logo rot 100%
#e6e6e6; hellgrau 100%
#82bee6; hellblau 100%
#e6f0fa; hellblau 50%
*/

html, body {
    height: 100%;
}

*,*:before,*:after{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	font-family: 'source_sans_proregular';
	font-size: 13px;
	line-height: 1.4em;
	color: #192d55;
	background-color: #e6e6e6;
	overflow-x: hidden;
}

#page{
	width: 100%;
	min-height: 100%;
	padding-top: 156px;
	padding-bottom: 150px;
	position: relative;
	transition: all 0.5s;
}
body.down #page{
	padding-top: 100px;
}
b,strong{
	font-family: 'source_sans_probold';
	font-weight: normal;
	font-style: normal;
}
i{
	font-family: 'source_sans_proitalic';
	font-weight: normal;
	font-style: normal;
}
i > b,
b > i{
	font-family: 'source_sans_probold_italic';
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'source_sans_probold';
	font-weight: normal;
}
h1{
	font-size: 3em;
	line-height: 0.8em;
}
h2{
	font-size: 2em;
	color: #82bee6;
	line-height: 1.5em;
}

a{
	text-decoration: none;
	color: #3c4b64;
}

ul{
	list-style: none;
}

div.csc-text ul{
	margin-left: 15px;
}
div.csc-text ul li{
	position: relative;
}
div.csc-text ul li:before{
	position: absolute;
	content: "\00B7";
	width: 10px;
	height: 5px;
	top: 1px;
	font-size: 2.5em;
	left: -15px;
}

header{
	background-color: #fff;
	border-bottom: 2px solid #192d55;
	height: 156px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 110;
	transition: all 0.5s;
}
body.down header{
	height: 100px;
}

.wrap{
	width: 1000px;
	margin: auto;
}
.rel{
	position: relative;
}
header div.contact{
	position: absolute;
    right: 0;
    top: 40px;
    width: 150px;
	transition: all 0.5s;
}
body.down header div.contact{
	top: 19px;
}
header div.contact::before {
    background-image: url("../img/icon-ph.png");
	background-repeat: no-repeat;
    content: "";
    display: block;
    height: 27px;
    left: -37px;
    position: absolute;
    top: 10px;
    width: 28px;
}
header div.contact div.lay0{
	float: none !important;
	padding: 0;
	width: 100%;
}
header div.contact div.lay0 i{
	font-size: 1.2em;
	color: #d71e23;
}
header div.contact div.lay0 b{
	font-size: 1.5em;
	font-family: 'source_sans_probold_italic';
	color: #d71e23;
}

div.logo{
	padding-top: 47px;
	display: inline-block;
	transition: all 0.5s;
}
body.down div.logo{
	padding-top: 11px;
}

div.topmenu{
	float: right;
	display: inline-block;
	text-align: right;
	padding-top: 107px;
	transition: all 0.5s;
}
body.down div.topmenu{
	padding-top: 71px;
}

div.topmenu ul li{
	display: inline-block;
	margin-left: 20px;
	position: relative;
}
div.topmenu ul li.parent:hover{
	padding-bottom: 35px;
	padding-left: 200px;
}
			
div.topmenu ul li.parent:hover  ul,
div.topmenu ul li.parent:hover  ul{
		display: inline-block;
		z-index: 999;
}
div.topmenu ul li a{
	text-transform: uppercase;
	font-family: 'source_sans_probold';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
}
div.topmenu ul > li:hover > a,
div.topmenu ul > li.active > a{
	color: #d71e23;
}
div.topmenu ul > li:hover > a::before,
div.topmenu ul > li.active > a::before{
	background-color: #d71e23 !important;
}

div.topmenu ul li.parent ul{
	background-color: #fff;
    display: none;
    left: -40px;
    position: absolute;
    text-align: left;
    top: 49px;
    width: 600px;
	padding: 30px;
}
div.topmenu ul li.parent ul li {
    float: left;
    height: 75px;
	margin: 0;
    margin-bottom: 30px;
    width: 50%;
}
div.topmenu ul li.parent ul li:nth-child(n+3){
	margin-bottom: 0;
}
div.topmenu ul li.parent ul li a{
	position: relative;
	margin-left: 95px;
	padding-top: 10px;
	display: inline-block;
}
div.topmenu ul li.parent ul li a::before{
    position: absolute;
	width: 75px;
	height: 75px;
	background-color: #82bee6;
	content: "";
	display: inline-block;
	top: 0;
	left: -95px;
	background-image: url("../img/haus-und-garten.png");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: 47px;
}
div.topmenu ul li.parent ul li:nth-child(2) a::before{
	background-image: url("../img/strassen-und-wege.png");
}
div.topmenu ul li.parent ul li:nth-child(3) a::before{
	background-image: url("../img/geschaeftskunden.png");
}
div.topmenu ul li.parent ul li:nth-child(4) a::before{
	background-image: url("../img/forstarbeiten.png");
}
div.topmenu ul li.parent ul::before{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(18, 47, 88, 0);
	border-bottom-color: #192d55;
	border-width: 16px;
	margin-left: -16px;
}

main,
section.header{
	margin-top: 30px;
	display: block;
}

div.left{
	width: 50%;
	float: left;
	padding-right: 15px;
}
div.right{
	width: 50%;
	float: right;
	padding-left: 15px;
}
body#meinig-4 div.left{
	width: 100%;
	float: none;
	padding: 0;
}
body#meinig-4 div.right{
	display: none;
}

body#meinig-4 ul.homemenu li{
	width: 48.75%;
	margin-right: 2.5%;
}
body#meinig-4 ul.homemenu li:nth-child(even){
	margin-right: 0;
}

ul.homemenu li,
body#meinig-1 div.right div.maincon ul li{
	width: 100%;
	display: inline-block;
	float: left;
	margin-bottom: 30px;
	background-color: #fff;
	height: 0;
	padding-bottom: 33%;
	position: relative;
}
ul.homemenu li a,
body#meinig-1 div.right div.maincon ul li a{
	display: inline-block;
    font-family: "source_sans_probold";
    font-size: 2.05em;
    font-style: normal;
    font-weight: normal;
	height: 0;
    line-height: 1em;
    padding-left: 36%;
    padding-top: 26px;
	padding-bottom: 27.7%;
    position: relative;
    text-transform: uppercase;
    width: 100%;
	z-index: 100;
}
ul.homemenu li a::before,
body#meinig-1 div.right div.maincon ul li a::before{
	background-color: #82bee6;
    background-image: url("../img/haus-und-garten.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding-bottom: 33%;
    position: absolute;
    top: 0;
    width: 33%;
}
body#meinig-1 div.right div.maincon ul li a::before{ background-image: url("../img/shop.png"); }
body#meinig-1 div.right div.maincon ul li:nth-child(2) a::before{ background-image: url("../img/kontakt.png"); }
body#meinig-1 div.right div.maincon ul li:nth-child(2)::after{ content: "KONTAKT"; }

body#meinig-1 div.right div.maincon ul li::after {
    background-color: #d71e23;
    bottom: 15px;
    color: #fff;
    content: "SHOP";
    display: block;
    font-size: 1.3em;
    height: 34px;
    line-height: 2.1em;
    position: absolute;
    right: 15px;
    text-align: center;
    width: 112px;
    z-index: 90;
}
body#meinig-1 div.right div.maincon ul li:hover::after{
	background-color: #192d55;
}

ul.homemenu li:nth-child(2) a::before{ background-image: url("../img/strassen-und-wege.png"); }
ul.homemenu li:nth-child(3) a::before{ background-image: url("../img/geschaeftskunden.png"); }
ul.homemenu li:nth-child(4) a::before{ background-image: url("../img/forstarbeiten.png"); }
ul.homemenu li::after {
    background-color: #192d55;
    bottom: 15px;
    color: #fff;
    content: "MEHR";
    display: block;
    font-size: 1.3em;
    height: 34px;
    line-height: 2.1em;
    position: absolute;
    right: 15px;
    text-align: center;
    width: 112px;
}
ul.homemenu li:hover::after {
	background-color: #D71E23;
}

body#meinig-1 div.right div.maincon ul{
	margin-top: 30px;
}

div.newsblog{
	background-color: #fff;
	padding: 30px;
	height: 350px;
}
div.newsblog > h4{
	font-size: 2.05em;
    margin-bottom: 12px;
	font-family: 'source_sans_probold';
	font-weight: normal;
	font-style: normal;
}
div.newsblog div.newsteaser:nth-child(2){
	border-bottom: 1px solid #192d55;
}
div.newsblog div.newsteaser{
	padding: 20px 0;
}
div.newsblog div.newsteaser h3 a{
	color: #d71e23;
	font-size: 1em;
	margin-bottom: 10px;
	display: inline-block;
}
div.newsblog div.newsteaser div.content{
	font-size: 0.9em;
	text-transform: uppercase;
}

footer{
	background-color: #e6f0fa;
    bottom: 0;
    margin-top: 30px;
    padding: 30px 0;
	padding-bottom: 50px;
    position: absolute;
    width: 100%;
}
footer div.cols{
	display: flex;
}
footer div.cols div.lay0{
	display: flex;
}
footer div.cols.c4 div.lay0{
	width: 30%;
}
footer div.cols.c4 div.lay0:last-child{
	width: 10%;
}
footer div.cols div.lay0:nth-child(even),
footer div.cols div.lay0:nth-child(odd),
footer div.cols div.lay0:nth-child(2n){
	float: none;
	padding: 0;
}


/* breadcrumb */
ul.breadcrumb {
	height: 28px;
}
ul.breadcrumb li {
	background-color: #fff;
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 19px;
    padding: 5px 20px 5px 15px;
    position: relative;
    text-transform: uppercase;
}
ul.breadcrumb li:not(.last)::before,
ul.breadcrumb li:not(.last)::after{
    border-right: 4px solid #e6e6e6;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 5px;
    top: 32%;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    z-index: 100;
}
ul.breadcrumb li:not(.last)::before{
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	top: -32%
}
ul.breadcrumb li.last{
	color: #d71e23;
	padding-right: 10px;
}
ul.breadcrumb li.last::before{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 14px;
	margin-top: -14px;
	z-index: 150;
}
ul.breadcrumb li.last::after{
	background-color: #e6e6e6;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -50px;
    top: 0;
    width: 50px;
    z-index: 100;
}

/* layouts */
div.lay0,
div.lay10,
div.lay20,
div.lay21,
div.lay50,
div.lay55,
div.lay80{
    width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 30px;
}
div.lay0{
	width: 100%;
}
div.lay55{
	width: 33.3%;
	padding-right: 15px;
	padding-left: 15px;
}
div.lay55:nth-child(2){
	padding-left: 0;
}
div.lay55:nth-child(4){
	padding-right: 0;
}
div.lay21,
div.lay90{
	width: 100%;
	padding: 0 0 30px 0!important;
}
div.lay0:nth-child(even),
div.lay10:nth-child(even),
div.lay50:nth-child(even){
    padding-left: 15px;
	float: right
}
div.lay0:nth-child(odd),
div.lay10:nth-child(odd),
div.lay20:nth-child(odd),
div.lay50:nth-child(odd){
    padding-right: 15px;
	float: left;
}
div.lay80:nth-child(even){
    padding-right: 15px;
	float: left;
}
div.lay80:nth-child(odd){
    padding-left: 15px;
	float: right;
}
div.lay10 img:not(.org),
div.lay50 img:not(.org){
	border: 1px solid #e6e6e6;
}

div.lay10 > div,
div.lay20 > div,
div.lay21 > div,
div.lay80 > div{
	background-color: #fff;
	padding: 25px;
}
div.lay10 > div{
	min-height: 239px;
}
div.lay10 div.csc-header > *,
div.lay20 div.csc-header > *,
div.lay21 div.csc-header > *{
	color: #d71e23;
	font-size: 1.4em;
	margin-bottom: 15px;
	font-family: 'source_sans_probold';
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	line-height: 1.1em;
}

body#meinig-1 div.lay21 > div{
	background: none;
	padding: 0;
}
div.lay21 div.csc-header > *{
	margin-bottom: 5px;
}


div.lay50 div.csc-header,
div.lay55 div.csc-header {
    position: relative;
	background: #192d55;
	border-bottom: 4px solid #e6e6e6;
	padding: 25px;
}
div.lay50 div.csc-header:after,
div.lay50 div.csc-header:before ,
div.lay55 div.csc-header:after,
div.lay55 div.csc-header:before {
	top: 100%;
	left: 4%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
div.lay50 div.csc-textpic,
div.lay50 div.csc-text,
div.lay55 div.csc-text{
    background-color: #fff;
    display: table;
    min-height: 145px;
    padding: 0;
    width: 100%;
}
div.layout.lay50 div.csc-textpic-text,
div.layout.lay50 div.csc-textpic-imagewrap{
    display: table-cell;
    vertical-align: top;
}
div.layout.lay10 div.csc-textpic-center.csc-textpic-above div.csc-textpic-imagewrap,
div.layout.lay50 div.csc-textpic-center.csc-textpic-above div.csc-textpic-imagewrap{
	display: block;
	text-align: center;
}
div.layout.lay10 div.csc-textpic-center.csc-textpic-above div.csc-textpic-imagewrap img,
div.layout.lay50 div.csc-textpic-center.csc-textpic-above div.csc-textpic-imagewrap img{
	width: 100%;
	height: auto;
}
main div.layout:not(.lay90) div.csc-text:not(:empty){
	padding: 45px 25px 25px;
}
main div.layout div.csc-textpic-text:not(:empty){
	padding: 25px;
}
body#meinig-3 main div.layout.lay80 div.csc-text:not(:empty){
	padding: 0;
}
div.layout.lay10 div.csc-textpic-center.csc-textpic-above div.csc-textpic-text,
div.layout.lay50 div.csc-textpic-center.csc-textpic-above div.csc-textpic-text{
	display: block;
}
div.layout.lay10 div.csc-textpic-text,
div.layout.lay50 div.csc-textpic-text{
	padding-right: 20px;
}

div.lay10 div.csc-textpic-text > div.csc-text,
div.lay50 div.csc-textpic-text > div.csc-text{
	padding: 0;
	background: none;
}
div.lay55 div.csc-text{
	font-size: 1.2em;
	line-height: 1.4em;
}
div.lay50 div.csc-header:after ,
div.lay55 div.csc-header:after {
	border-color: rgba(25, 45, 85, 0);
	border-top-color: #192d55;
	border-width: 30px;
	margin-left: 0;
}
div.lay50 div.csc-header:before,
div.lay55 div.csc-header:before {
	border-color: rgba(230, 230, 230, 0);
	border-top-color: #e6e6e6;
	border-width: 36px;
	margin-left: -6px;
}
div.lay50 div.csc-header > * ,
div.lay55 div.csc-header > * {
    color: #fff;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
	font-family: 'source_sans_probold';
	text-transform: uppercase;
	letter-spacing: 1px;
}
div.lay80{
	position: relative;
}
div.lay80 div.csc-header{
	width: 100%;
    margin-bottom: 10px;
}
div.lay80 div.csc-header > *{
	text-transform: uppercase;
	font-size: 1.5em;
	font-style: normal;
    font-weight: normal;
	font-family: 'source_sans_probold';
}
div.lay80 div.csc-text div.csc-textpic-text{
	padding-top: 20px;
}
div.lay80 div.csc-textpic-imagewrap{
	margin-bottom: 0 !important;
}
div.lay80 .Produkt-Beschreibung{
	display: inline-block;
    margin-top: 20px;
	font-size: 15px;
}
div.lay80 .Produkt-Preis {
    bottom: 130px;
    color: #192d55;
    font-size: 2.1em;
    position: absolute;
    right: 45px;
	font-style: normal;
    font-weight: normal;
	font-family: 'source_sans_probold';
}
div.lay80 .Produkt-Steuer {
    bottom: 110px;
    color: #82bee6;
    font-size: 0.8em;
    position: absolute;
    right: 45px;
}
div.lay80 .Produkt-Anfrage {
	background-color: #82bee6;
    bottom: 60px;
    color: #fff;
    font-size: 1.3em;
    padding: 10px 15px;
    position: absolute;
    right: 45px;
    text-transform: uppercase;
	cursor: pointer;
}
div.lay80 .Produkt-Anfrage:hover{
	background-color: #192d55;
}
div.lay80:nth-child(odd) .Produkt-Preis,
div.lay80:nth-child(odd) .Produkt-Steuer,
div.lay80:nth-child(odd) .Produkt-Anfrage {
	right: 30px;
}
	
div.lay0 div.csc-header > *,
div.lay90 div.csc-header > *{
	font-size: 2.6em;
	font-style: normal;
    font-weight: normal;
	font-family: 'source_sans_probold';
	line-height: 1em;
}
div.lay90 p.bodytext{
	font-size: 2.6em;
	line-height: 1em;
	font-style: normal;
    font-weight: normal;
	font-family: 'source_sans_proitalic';
	color: #82bee6;
}

div.lay99 {
    display: none;
}

/** formular **/

fieldset.powermail_fieldset,
fieldset.powermail_fieldset div.powermail_fieldwrap_check fieldset{
	border: 0;
}
fieldset.powermail_fieldset legend,
form.powermail_form h3{
	display: none;
}
div.csc-mailform ol li,
div.powermail_fieldwrap{
	position: relative;
}
div.csc-mailform li label,
div.powermail_fieldwrap label{
    left: 1px;
    padding: 14px 0 15px 15px;
	margin: 0;
    position: absolute;
    top: 3px;
    width: 90px;
}
div.csc-mailform li label strong {
    left: 80px;
    position: absolute;
    top: 27px;
    width: 1000%;
}
div.csc-mailform em {
    display: inline-block;
    font-size: 1em;
}

div.csc-mailform input, input.powermail_field,
div.csc-mailform select, select.powermail_field,
div.csc-mailform select.select,
div.csc-mailform textarea, textarea.powermail_field{
	padding: 15px;
	padding-left: 90px;
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #c3c3d2;
}

div.csc-mailform textarea, textarea.powermail_field{
	padding: 35px 15px 15px 15px !important;
	height: 200px;
}

div.csc-mailform li.csc-form-element-textarea label{
	border-left: 1px solid #c3c3d2;
	border-right: 1px solid #c3c3d2;
    left: 0;
    width: 100%;
}
div.csc-mailform li.csc-form-element-textarea label strong {
    left: 100px;
    top: 15px;
	width: 100%;
}

div.csc-mailform textarea{
	padding: 13px;
	padding-top: 60px;
}
div.csc-mailform li.csc-form-element-submit input,
input.powermail_submit{
	float: right;
	background-color: #192d55;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	width: auto;
	padding: 10px 15px;
	font-family: 'source_sans_probold';
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
	cursor: pointer;
}
div.csc-mailform li.csc-form-element-submit input:hover{
	background-color: #d71e23;
}
div.csc-mailform li.csc-form-element-textblock{
	margin-bottom: 15px;
}
div.layout.lay20 div.frame66 p.bodytext{
	font-size: 15px;
}

div.csc-mailform li.csc-form-element-checkbox label strong{
	position: unset;
}
div.csc-mailform li.csc-form-element-checkbox label,
div.powermail_fieldwrap_check div.powermail_check_inner label{
	width: 100%;
	margin-left: 5px;
	position: relative;
	display: inline-block;
}
div.csc-mailform li.csc-form-element-checkbox input,
div.powermail_fieldwrap_check div.powermail_check_inner input{
	width: 15px;
	height: 15px;
	z-index: 100;
	padding: 0;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 18px;
}

div.csc-textpic-imagewrap div.csc-textpic-imagecolumn{
	display: inline-block;
}
div.csc-textpic-imagewrap[data-csc-cols="1"] div.csc-textpic-imagecolumn{
    width: 49.9%;
}
div.csc-textpic-imagewrap[data-csc-cols="2"] div.csc-textpic-imagecolumn{
    width: 49.9%;
}
div.csc-textpic-imagewrap[data-csc-cols="3"] div.csc-textpic-imagecolumn{
    width: 32.9%;
}




div.layout div.csc-textpic-intext-left div.csc-textpic-imagewrap{
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
}
div.layout div.csc-textpic-intext-right div.csc-textpic-imagewrap{
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
}

.Youtube-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-yt.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Google-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-gp.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Twitter-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-tw.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Facebook-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-fb.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Facebook-Link:hover,
.Twitter-Link:hover,
.Google-Link:hover,
.Youtube-Link:hover{
		background-color: #892337;
}

ul.footmenu li a:hover,
ul.footmenu li.active a{
	font-family: 'source_sans_probold';
	font-weight: normal;
	font-style: normal;
}

.mBf45{
	margin-top: 45px;
}
.mAf45{
	margin-bottom: 45px;
}
.ytembed {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
.ytembed iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.responly{
	display: none;
}
.clear{
	content: "";
	display: block;
	clear: both;
}

/** slider **/

div.carousel,
div.carousel div.slick-slide{
	position: relative;
}
div.carousel div.caption{
	position: absolute;
	top: 40px;
	right: 0;
	background-color: #192d55;
	padding: 20px;
	color: #fff;
	width: 50%;
}
div.carousel div.caption h4{
	font-size: 3em;
	line-height: 1em;
}
div.carousel ul.slick-dots{
	position: absolute;
	bottom: 20px;
	width: 100%;
}



#cookieNotification{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	z-index: 100;
	box-sizing: border-box;
	box-shadow: 0 0 5px #aaa;
}

#cookieNotification .main{
	padding: 10px 0;
	width: 1000px;
	margin: auto;
	
}

#cookieNotification *{
	font-size: 12px;
}

#cookieNotification > div > p{
	padding-right: 20px;
	display: inline-block;
}

#cookieNotification > div > a{
	position: absolute;
	right: 5px;
	text-decoration: none;
}

@media(max-width:1000px){
	#cookieNotification .main{
		width: 96%;
		margin: 0 2%;
	}
}


/** fonts **/


@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('../fonts/sourcesanspro-italic-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_problack_italic';
    src: url('../fonts/sourcesanspro-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('../fonts/sourcesanspro-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}