@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0px;
}

html {
	font-size:11px;
    padding:10px;
}

body {
	background-image:url(../images/hintergrund.svg);
	background-repeat:no-repeat;
	background-size:cover;
}

span.redtext {
	color:red;
}

p.site-header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

div.bigtitle {
	width:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 3.0rem;
    font-weight: bold;
	font-style:italic;
    color: #FFFFFF;
    background: #0f67ee; /* Old browsers */
    background: -moz-linear-gradient(top,  #0f67ee 0%, #0f67ee 15%, #0000a5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0f67ee 0%,#0f67ee 15%,#0000a5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0f67ee 0%,#0f67ee 15%,#0000a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f67ee', endColorstr='#0000a5',GradientType=0 ); /* IE6-9 */
    padding-left: 2.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-radius:0.5rem 0.5rem 0.5rem 0.5rem;
}

div.subtitle {
	width:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    font-weight: bold;
    color: #0066CC;
	background-color:#C0C0C0;
    padding-left: 2.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-radius:0.5rem 0.5rem 0.5rem 0.5rem;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-8 */
} 

h1 {
    font-size:2.4rem;
    font-weight:bold;
    font-style:normal;
    color:#000099;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding-left:2.5rem; 
	padding-bottom:0.5rem;
}

.prodbeschr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    color: #0066CC;
	background-color:#C0C0C0;
    padding-left: 2.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-radius:2.5rem 0px 0px 2.5rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-8 */
}

.produkthili {
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    padding-left: 2.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
}

img.logo {
    width:150px;
	height:auto;  
	border:0;
	margin-bottom:1em;
	margin-top:0;
}

li {
list-style-type:square;
}

footer {
	color:#0f67ee;
/*    list-style-type: none;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    padding-left: 2.0rem;
	padding-right: 2.0rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	float:left;
}

/* Schaltflächen */

a.btn {
    width:100%;
    display:block;
    padding-top:1rem;
    padding-bottom:1rem;
    text-align:center;
    font-family: Arial;
    font-size: 1.2em;
	font-weight:bold;
    text-decoration: none;
    color: #ffffff;
    text-shadow: -1px -1px 2px #618926;
    background: #0f67ee; /* Old browsers */
    background: -moz-linear-gradient(top,  #0f67ee 0%, #0f67ee 15%, #0000a5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0f67ee 0%,#0f67ee 15%,#0000a5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0f67ee 0%,#0f67ee 15%,#0000a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f67ee', endColorstr='#0000a5',GradientType=0 ); /* IE6-9 */
    border: 1px solid black; 
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

a.btn:hover {
    text-shadow: -1px -1px 2px #465f97;
    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-8 */
    border: 1px solid black;
}

hr {
	width: 100%;
    height: 0;
    border-top: 0.2rem solid #0f67ee;
    border-bottom: 0;
    padding: 0;
    clear: both;
	margin-top:1rem;
	margin-bottom:1rem;
}

/* Raster */

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.container {
	max-width:1100px;
	margin:0 auto;
	padding:0 1em;
}

.columns {
	float:left;
	padding-left:1em; /* 16px */
	padding-right:1em; /* 16px */
}

.push {
	float:right;
}

.row {
	width:auto;
}

.row:before, 
.row:after {
	content:'';
	display:table;
}

.row:after {
	clear:both;
}

.row .row {
	margin-left:-1em;
	margin-right:-1em;
}


/* Small */

@media screen and (max-width:730px) {
	
	.small-1 {
		width:100%;	
	}

    a.footerlink {
        width:100%;
        display:block;
        padding-top:1rem;
        padding-bottom:1rem;
		margin-top:1rem;
        text-align:center;
        font-family: Arial;
        font-size: 1.2em;
	    font-weight:bold;
        text-decoration: none;
        color: #ffffff;
        text-shadow: -1px -1px 2px #618926;
        background: #0f67ee; /* Old browsers */
        background: -moz-linear-gradient(top,  #0f67ee 0%, #0f67ee 15%, #0000a5 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #0f67ee 0%,#0f67ee 15%,#0000a5 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #0f67ee 0%,#0f67ee 15%,#0000a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f67ee', endColorstr='#0000a5',GradientType=0 ); /* IE6-9 */
        border: 1px solid black; 
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    a.footerlink:hover {
        text-shadow: -1px -1px 2px #465f97;
        background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10 preview */
        background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-8 */
        border: 1px solid black;
    }
	
	footer p {
		float:left;
		display:block;
/*        padding-top:2rem;
        padding-bottom:2rem; */
		padding:2rem;
	}
}

/* Medium */

@media screen and (min-width:730px) and (max-width:1110px) {
	
	.medium-1 {
		width:16.66667%;	
	}
	
	.medium-2 {
		width:33.333333%;	
	}
	
	.medium-3 {
		width:50%;	
	}
	
	.medium-4 {
		width:66.66667%;	
	}
	
	.medium-5 {
		width:83.333333%;	
	}
	
	.medium-6 {
		width:100%;	
	}
	
	.medium-offset-1 {
		margin-left:16.66667%;	
	}
	
	.medium-offset-2 {
		margin-left:33.333333%;	
	}
	
	.medium-offset-3 {
		margin-left:50%;	
	}
	
	.medium-offset-4 {
		margin-left:66.66667%;	
	}
	
	.medium-offset-5 {
		margin-left:83.333333%;	
	}

    html {
	    font-size:10px;
    }
	
    header {
	    width:100%;
    }

   img.logo {
	   width:150px;
       float:left;
   	   padding-bottom:0;
	   padding-right:0.5em;
   }
		
    div.bigtitle {
		width:calc(100% - 150px);
	    float:right;
    }

    div.subtitle {
		width:calc(100% - 150px);
    	padding-bottom: 0.5rem;
	    float:right;
    } 
	
	.prodbeschr {
	border-radius:2.5rem 2.5rem 2.5rem 2.5rem;
    }
	
    article:nth-child(2n+3) {
	    clear:both;
    }

    a.footerlink {
        width:auto;
        display:block; 
/*        padding-top:2rem;
        padding-bottom:2rem;*/
		padding:2rem;
        font-family: Arial;
        font-size: 1.2em;
	    font-weight:bold;
        text-decoration: none;
        color: #0f67ee;
	    float:left;
    }

    a.footerlink:hover {
	    color:orange;
    }

	footer p {
		float:left;
		display:block;
/*        padding-top:2rem;
        padding-bottom:2rem; */
		padding:2rem;
	}

}

/* Large */

@media screen and (min-width:1110px) {
	
	.large-1 {
		width:33.333333%;	
	}
	
	.large-2 {
		width:66.666666%;	
	}
	
	.large-3 {
		width:100%;	
	}
	
	.large-offset-1 {
		margin-left:33.333333%;	
	}
	
	.large-offset-2 {
		margin-left:66.666666%;	
	}

    html {
	    font-size:10px;
    }
	
    header {
	    width:100%;
    }

   img.logo {
	   width:150px;
       float:left;
   	   padding-bottom:0;
	   padding-right:0.5em;
   }
		
    div.bigtitle {
		width:calc(100% - 150px);
	    float:right;
    }

    div.subtitle {
		width:calc(100% - 150px);
    	padding-bottom: 0.5rem;
	    float:right;
    } 
	
	.prodbeschr {
	border-radius:2.5rem 2.5rem 2.5rem 2.5rem;
    }
	
    article:nth-child(3n+4) {
	    clear:both;
    }
	
    a.footerlink {
        width:auto;
        display:block; 
/*        padding-top:2rem;
        padding-bottom:2rem; */
		padding:2rem;
        font-family: Arial;
        font-size: 1.2em;
	    font-weight:bold;
        text-decoration: none;
        color: #0f67ee;
	    float:left;
    }

    a.footerlink:hover {
	    color:orange;
    }
	
	footer p {
		float:left;
		display:block;
/*        padding-top:2rem;
        padding-bottom:2rem; */
		padding:2rem;
	}
}

@media print {
	
	.medium-1 {
		width:16.66667%;	
	}
	
	.medium-2 {
		width:33.333333%;	
	}
	
	.medium-3 {
		width:50%;	
	}
	
	.medium-4 {
		width:66.66667%;	
	}
	
	.medium-5 {
		width:83.333333%;	
	}
	
	.medium-6 {
		width:100%;	
	}
	
	.medium-offset-1 {
		margin-left:16.66667%;	
	}
	
	.medium-offset-2 {
		margin-left:33.333333%;	
	}
	
	.medium-offset-3 {
		margin-left:50%;	
	}
	
	.medium-offset-4 {
		margin-left:66.66667%;	
	}
	
	.medium-offset-5 {
		margin-left:83.333333%;	
	}

    html {
	    font-size:10px;
    }
	
    header {
	    width:100%;
    }

   img.logo {
	   width:150px;
       float:left;
   	   padding-bottom:0;
	   padding-right:0.5em;
   }
		
    div.bigtitle {
		width:calc(100% - 150px);
	    float:right;
    }

    div.subtitle {
		width:calc(100% - 150px);
    	padding-bottom: 0.5rem;
	    float:right;
    } 
	
	.prodbeschr {
	border-radius:2.5rem 2.5rem 2.5rem 2.5rem;
    }
	
    article:nth-child(2n+3) {
	    clear:both;
    }

    a.footerlink {
        width:auto;
        display:block; 
/*        padding-top:2rem;
        padding-bottom:2rem;*/
		padding:2rem;
        font-family: Arial;
        font-size: 1.2em;
	    font-weight:bold;
        text-decoration: none;
        color: #0f67ee;
	    float:left;
    }

    a.footerlink:hover {
	    color:orange;
    }

	footer p {
		float:left;
		display:block;
/*        padding-top:2rem;
        padding-bottom:2rem; */
		padding:2rem;
	}

}