body, html {font-size:16px; -moz-hyphens: auto; hyphens: auto;}
@media (max-width:767px){body, html {font-size:15px;}}
@media (max-width:575px){body, html {font-size:14px;}}

body, html, a .txt {color: rgba(90,90,90,1.0);}

h2, h3, h4, h5, .font, nav {font-family: 'Nunito Sans', sans-serif; font-weight: 700;}
h1 {font-family: 'Dancing Script', cursive; font-size: 3em;}

h2, h3, h4, h5 {margin: 40px auto 20px auto;}

.rex-navi1 {padding: 0px;}
.rex-navi1 li {list-style: none;}
.rex-current {font-weight: 700;}
.rex-current a, .rex-normal a {display: block; width: 100%; padding: 5px 0px; border-bottom: 1px solid #f1f1f1;}
.rex-current a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f0da";
   padding-right: 6px;
	display: inline-block;
   vertical-align: middle;
}

strong {font-weight: 700 !important;}

.textfeld img {border-radius: 10px;}

@media (min-width: 767px) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    orphans: 1;
    widows: 1;
  }
  h1, h2, h3 {column-span: all;}
}

.color-b, h1, h2, h3, h4, h5 {color: #3b76b4;}

.textfeld a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f35d";
   display: inline-block;
   padding-right: 6px;
   vertical-align: middle;
   font-weight: 900;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #3b76b4;
	font-weight: 700;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #3b76b4;
}
a.nav-link-topbar, a.nav-link-topbar:hover {color: #fff;}

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

a.link-footer {color: inherit;}
a.link-footer:hover {color: #fff; text-decoration: none;}
a.link-footer-b {color: inherit;}
a.link-footer-b:hover {color: #fff; text-decoration: none;}

#footer {color: #fff; background-color: #3b76b4;}

.logo {width: 380px;}
@media (max-width:767px){.logo {width: 320px;}}
@media (max-width:575px){.logo {width: 240px;}}

.btn-click {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
    color: #ffffff;
    background-color: #3b76b4;
    border-radius: 50px;
	font-size: 1.25em;
	padding: 8px 40px;
}
.btn-circle {
    color: #ffffff;
    background-color: #3b76b4;
    border-radius: 50px;
	margin: 0px 10px;
	font-size: 1.375em;
	width: 56px;
	height: 56px;
}
.btn-circle:hover {
    color: #ffffff;
    background-color: #3b76b4;
}
.btn-primary {
    color: #ffffff;
    background-color: #3b76b4;
    border-radius: 50px;
	padding: 5px 25px;
	margin: 0px 10px;
	font-size: 1em;
	border: none;
}
.btn-secondary {
    color: #ffffff;
    background-color: #3b76b4;
    border: none;
	padding: 5px 25px;
	font-size: 1.125em;
}
.btn-secondary:hover {
    background-color: #75A346;
}

.overlay-3x1 {
  margin: 0px auto;
  display: block;
  -webkit-mask-image: url(../../media/overlay-3x1.svg);
  mask-image: url(../../media/overlay-3x1.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
	mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.overlay-3x2 {
  border-radius: 8px;
	-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
	-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.overlay-3x2:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
#offer:hover .overlay-3x2 {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}

@media (max-width:1199.98px ) {#navbar .nav-item {border-bottom: 1px solid #ccc;}}

figure img {width: calc(100% - 25px); max-width: 250px; margin: none;}
figure {width: 100%; min-width: 250px; margin: auto;}
.image-style-align-left{float: left;}
.image-style-align-right  {float: right;}
.image-style-align-right img  {margin-left: 25px;}
.image-style-align-left img  {margin-right: 25px;}

@media (max-width:575px){
figure img {width: calc(100% - 25px); max-width: 180px; margin: none;}
figure {width: 100%; min-width: 180px; margin: auto;}
.image-style-align-right img  {margin-left: 25px;}
.image-style-align-left img  {margin-right: 25px;}}

.form-check-label {margin-left: 1.25rem;}
.form-check-input {
    margin-left: 0rem;
}