@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

@font-face {
    font-family: 'firetab';
    src: url('fonts/firetab.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.fticon {
	font-family:'firetab';
	color: #7F99BC;
}

* {
    -webkit-user-select;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

  input, input:before, input:after {
      -webkit-user-select: all;
      -khtml-user-select: all;
      -moz-user-select: all;
      -ms-user-select: all;
      user-select: all;
     } 

body {
  background-repeat: repeat;
  background: #FFFFFF;
  font-family: "Inter", sans-serif;
  color: #0038BD;
  font-size: 14px;
  margin:auto;
}

html {
  position: relative;
  min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

a {
  color: #0038BD;
}

a:hover {
  outline: 0;
  text-decoration: none;
}

a:active {
  outline: 0;
  text-decoration: none;
}

a:focus {
  outline: 0;
  text-decoration: none;
}

b, strong {
  font-weight: 500;
}

button {
	cursor: pointer;
}

#mainwrapper {
  height: 100%;
  width: 90%;
  margin:auto;
}

#header1 {
	padding-bottom: 30px;
    padding-top: 20px;
}
#footer1 {
	padding-bottom: 30px;
    padding-top: 20px;
}
#header2 {
	background-color: #0038bd;
    color: #fff;
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 50px;
}
#header3 {
	width: 90%;
    margin: auto;
    margin-top: 30px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(158,158,158,1);
	-moz-box-shadow: 0px 0px 16px 0px rgba(158,158,158,1);
	box-shadow: 0px 0px 16px 0px rgba(158,158,158,1);
}

.Btyp {
	border: none;
    border-radius: 30px;
    margin-top: 11px;
    margin-bottom: 10px;
    height: 35px;
    margin-left: 12px;
    width: 150px;
    background-color: #fff;
    color: #0038bd;
    border:1px solid #0038BD;
}
.Btyp:hover {
    background-color: #0038bd;
    color: #fff;
}
.Btypactive {
	background-color: #0038bd;
    color: #fff;
    border:1px solid #0038BD;
}

#header4 {
	width: 90%;
    margin: auto;
    margin-top: 30px;
}

#colwrapper {
	width: 90%;
	margin:auto;
	margin-top:50px;
}

.col {
	float: left;
    text-align: center;
    width: 20%;
}

.colactive {
	-webkit-box-shadow: 0px 0px 16px 0px rgba(158,158,158,1);
	-moz-box-shadow: 0px 0px 16px 0px rgba(158,158,158,1);
	box-shadow: 0px 0px 16px 0px rgba(158,158,158,1);
}

#col1 {
	
}
#col2 {
	
}
#col3 {
	
}
#col4 {
	
}
#col5 {
	
}

.cardwrapper {
	padding-left:10px;
	padding-right:10px;
	padding-top: 20px;
    padding-bottom: 20px;
}

.coltitel {
	font-size: 30px;
    font-weight: 600;
}
.coltext {
	margin-top:20px;
}

.preismonat {
	margin-top: 30px;
    border-top: 1px solid #0038bd;
    font-size: 28px;
    padding-top: 20px;
    padding-bottom: 15px;
}
.preisjahr {
    font-size: 28px;
     padding-bottom: 15px;
}
.preiseinmal {
    font-size: 28px;
}
.chfjahr {
	font-size: 15px;
    margin-right: 10px;
}
.chfmonat {
	font-size: 15px;
    margin-right: 10px;
}
.Babo {
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 35px;
    margin-left: 12px;
    width: 150px;
    background-color: #0038bd;
    color: #fff;
    border: 1px solid #0038bd;
    display: block;
    line-height: 240%;
    text-decoration: none;
    margin-left:auto;
    margin-right:auto;
    cursor:pointer;
}
.Bofferte {
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 35px;
    margin-left: 12px;
    width: 150px;
    background-color: #fff;
    color: #0038bd;
    border: 1px solid #0038bd;
    display: block;
    line-height: 240%;
    text-decoration: none;
    margin-left:auto;
    margin-right:auto;
}
.productwrapper {
	margin-top: 30px;
    border-top: 1px solid #0038bd;
    padding-top: 30px;
}
.prodtitel {
	text-align:left;
	margin-left: -54px;
	margin-bottom:20px;
	height:35px;
}
.prodauswahl {
	text-align:center;
	height:25px;
}
.prodtext {
	text-align:left;
	height:25px;
	margin-right: -70px;
}
.Bprodukte, .Bprodukte2 {
	text-align: center;
	margin: auto;
	cursor:pointer;
	width:120px;
}
.Bprodukte2 {
	cursor:auto;
}
.minus, .plus {
	cursor:pointer;
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 520px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
}

.textfeld {
	padding: 7px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 200px;
    border: 1px solid #0038bd;
    color:#0038bd;
    border-radius:3px;
}

.radiofeld {
	height: 20px;
    width: 20px;
    margin-top: 9px;
    margin-right: 18px;
}
.radiolabel {
	    top: -5px;
    position: relative;
}

.modal a.close-modal {
    background-image: url('/images/close.png');
    border-radius: 5px;
}


.bulletdiv {
	cursor:pointer;
position: absolute;
    top: 130px;
    right: 213px;
    z-index: 10000;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    height: 108px;
    width: 150px;
    padding-top: 42px;
    background-color: #00f21b;
    transform: rotate(13deg);
    font-size: 18px;
    font-weight: 500;
    
}