html {
}
.blue-bg
{
background-color:#4865a6;
margin-top: 11%;
margin-left: 5.6%;
height: 230px;
margin-right: 1%;
}
.blue-bg2 {
background-color: #4865a6;
padding: 1.1rem 3% 1.1rem 10%;
margin-left: 5.6%;
min-height: 230px;
color: #fff;
min-height: 444px;
margin-bottom: 27.6%;
margin-right: 1%;
}
.gray-box-1
{
border: 0.5rem solid #595959;
position: absolute;
top: 1rem;
width: 47.7%;
background-color: #fff;
padding: 3%;
color:#4865a6;
font-size: 0.85rem;
line-height: 1.1;
}
.gray-box-2
{
border: 0.5rem solid #595959;
position: absolute;
top: 4.2rem;
right: 1.7rem;
width: 46.7%;
background-color: #fff;
padding: 3%;
}
.abstand1
{
padding: 3% 3% 0 8%;
}
.abstand2
{
padding: 0 3% 3% 8%;
}
.abstand21
{
padding: 3% 3% 3% 8%;
}
.abstand3
{
padding: 5% 3% 0 5%;
}
.abstand4
{
padding: 0 3% 4% 2px;
}
.abstand5
{
padding: 3% 3% 0 10%;
}
.abstand6
{
padding: 0 3% 3% 10%;
}
.abstand7 {
padding: 0% 3% 0 6%;
}
.grayc
{
color: #595959;
line-height: 1.1;
}
.gray-box-3
{
border: 0.5rem solid #595959;
position: absolute;
top: 18rem;
width: 66.5%;
background-color: #595959;
left: 8.6%;color:#fff;
font-size: 1rem;
line-height: 1.1;
}
.footer-box-1 {
border: 0.5rem solid #595959;
position: absolute;
bottom: 1rem;
right: 1.7rem;
width: 46.7%;
background-color: #fff;
padding: 3%;
color: #4865a6;
font-size: 0.85rem;
line-height: 1.1;
}
.footer-box-2 {
border: 0.5rem solid #595959;
position: absolute;
bottom: 9.5rem;
width: 65.5%;
background-color: #595959;
left: 8.6%;
color: #fff;
font-size: 1rem;
line-height: 1.1;
}
strong
{
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Verdana, sans-serif;
font-size: 100%;
color: #000;
text-decoration: none;
word-spacing: normal;
line-height: 1.5;
background-color: #e5eff5;
/* background-color:#e5eff5;*/
/*background-color: #f1f1f1;*/
/* background-color:#d6dbe5;*/
/* background-color:#c2e6fa;*/
-webkit-print-color-adjust:exact;
}
.frame-outer {
position: relative;
padding: 0;
width: 800px;
margin: 1.3rem auto;
background-color: #FFF;
border: 0.02rem solid #A7A9A4;
box-shadow: -0.1rem 0.1rem 1rem #999;
font-size: 0.75rem;
}
.frame-outer::after {
content: "";
display: block;
clear: both;
}
.content {
margin-top: 10.5rem;
margin-left: 5rem;
font-size: 1rem;
}
.content2 {
min-height: 1500px;
}
.content::after {
content: "";
display: block;
clear: both;
}
p {
margin: 0 0 0rem 0;
}
h1 {
line-height: 1.5;
font-size: 1.46rem;
padding: 0;
margin: 0;
}
h2 {
margin: 0;
line-height: 1.5;
font-size: 1rem;
}
h3 {
margin: 0;
line-height: 1.5;
font-size: 0.85rem;
}
.flex {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: flex-start;
}
.flex div {
width: 22%;
}
.box-left {
float: left;
width: 48%;
}
.box-right {
float: right;
width: 48%;
}
img {
max-width: 100%;
height: auto;
width: auto9;
border: 0;
vertical-align: middle;
}
a:link {
color: #4865a6;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: underline;
color: #000;
}
a:active {
text-decoration: none;
color: #000;
}
ul {
margin: 0 auto 1rem 0.5rem;
padding-left: 0.3rem;
line-height: 1.1;
font-size: 0.85rem;
}
li {
position: relative;
margin: auto;
padding-bottom: 0.1rem;
}
.clear {
clear: both;
font-size: 0;
line-height: 0;
}
.refnr {}
.apply {}
.justifier {
text-align: justify;
}
p:empty {
height: 1rem;
}
.button_box {
text-align: center;
}
.button_box::after {
clear: both;
content: "";
display: block;
}
.button a {
display: inline-block;
background: #0065FF;
padding: 0.6rem 2.5rem 0.6rem 2.5rem;
margin: 2rem auto;
cursor: pointer;
-webkit-border-radius: 1.5rem;
border-radius: 1.5rem;
border: 0.1rem solid #0065FF;
transition: all 140ms ease 0s;
-moz-transition: all 140ms ease 0s;
-webkit-transition: all 140ms ease 0s;
color: #fff;
}
.button a:hover {
background-position: 15px center;
background-color: #fff;
text-decoration: none;
color: #0065FF;
}
.responsive_ausblenden
{
display: block;
}
/*
.flex {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 1rem 0;
}
.left {
width: 48%;
padding: 1rem 3%;
}
.right {
width: 48%;
padding: 1rem 3%;
}
.box{
padding: 1rem 2%;
background-color: #F8F8F8;
margin: 1rem 0;
}
***************************************************
.button a {
background: #87888a scroll right top ;
color: #FFFFFF;
text-align: center;
text-decoration: none;
font-weight: bold;
width: 200px;
height: 30px;
cursor: pointer;
display: block;
position: relative;
padding: 12px 0 0 0;
margin:15px 0px;
}
.button a:hover {
background:#2d5aae;
}
und Jetzt bewerben
*/
/* I
o
----------------
BUTTON MIT HOVER
----------------
.button a {
background: #87888a scroll right top ;
color: #FFFFFF;
text-align: center;
text-decoration: none;
font-weight: bold;
width: 200px;
height: 30px;
cursor: pointer;
display: block;
position: relative;
padding: 12px 0 0 0;
margin:15px 0px;
}
.button a:hover {
background:#2d5aae;
}
und Jetzt bewerben
Für CSS
.buttonbox{
text-align:center;
}
.button{
padding:10px 20px;
margin:0 auto;
display:inline-block;
background:#0169b2;
transition:all 0.05s ease-in-out;
}
.button a{
padding:10px 20px;
color:#fff;
text-decoration:none;
}
.button:hover {
background:#06C;
}
------
*/