/* Style Css 641px - 1024px */

@media only screen and (min-width: 320px) and (max-width: 1024px) {


.services-container .box-row .large-12 .flex-col {
width:100%;
margin-bottom:30px;
}

.services-container .box-row .large-12  {
flex-wrap: wrap;
}


.section-50-100 {
padding-top: 50px;
padding-bottom: 50px;
overflow: auto;
}

.img-right-container, .img-left-container {
max-width:100%;
}

.banner-v2 h4 {
font-size: 28px;
line-height: 40px;
}

.banner-v2 p {
font-size: 22px;
}

.banner-v2 {
padding-top:140px;
padding-bottom:55px;
}

.medium-800 .row {
max-width:800px !important;
}

.padding-medium-top-50 {
padding-top:50px;
}


.col-right {
max-width:740px !important;
margin-left:auto;
margin-right:auto;
float:none;
}

.col-left {
max-width:740px !important;
margin-left:auto;
margin-right:auto;
float:none;
}

.partner-logos-new {
padding-bottom:0px;
}

.inhaltsverzeichnis {
margin-top:50px;
}


.section-6-6 .padding-l-0{
padding-left:30px !important;
}

.section-6-6 .padding-r-0 {
padding-right:30px  !important;
}


.inhaltsverzeichnis > .columns{
padding-left:17px;
padding-right:17px;
}

.inhaltsverzeichnis ul {
margin-bottom:0px;
}


.table-scroll {
display: block;
overflow-x: auto;
}


.section-6-6 .col-left{
padding-right:0px;
}

.section-6-6 .col-right{
padding-left:0px;
}
}


@media only screen and (max-width: 1024px) {

.kontakt-row-1 .large-6 .text-box {
float:none;
max-width: 740px !important;
padding-left:0px;
padding-right:0px;
margin-left:auto;
margin-right:auto;
padding-bottom:0px;
}

.kontakt-row-1 .large-6:nth-child(2) {
padding-left:30px;
padding-right:30px;
}


.fazit-row {
flex-wrap: wrap;
margin-bottom:250px;
}

.fazit-row .col-6 {
width:100%;
}

.fazit-row .col-6:nth-child(1)  {
padding-right:30px;
}

.fazit-row .col-6:nth-child(2)  {
padding-left:30px;
padding-right:30px;
}

.fazit-row .col-right {
max-width: 740px !important;
padding-left:0px;
}


.fixed-small-bottom {
position: fixed !important;
bottom: 0 !important;
background: #F7AD37;
width: 100%;
overflow: auto;
display: block;
z-index: 999;
}

.fixed-small-bottom ul {
list-style:none;
margin:0px;
}

.fixed-small-bottom ul li {
background:none;
text-align:center;
padding:0px;
width:49%;
display:inline-block;
}

.fixed-small-bottom a{
color:#fdac1e;
color:#fff;
font-size:20px;
display:block;
padding:10px 0;
}

.fixed-small-bottom a i{
margin-right:10px;
}






.sticky-buttons  {
display:none;
}

.header-tel {
display:none;
}

.padding-medium-top-100 {
padding-top:100px !important;
}

.padding-medium-top-0 {
padding-top:0px !important;
}


.page-without-banner {
height:95px;
}

.form-container .large-5 {
padding-left: 30px !important;
padding-right: 30px !important;
}

.form-container .large-5 iframe {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
height:500px;
max-width: 750px;
margin-left:auto !important;
margin-right:auto !important;
display:block;
}


.col-form {
margin-left:auto;
margin-right:auto;
}


.light-blue-wave-top {
    padding-top: 189px;
}

.padding-medium-bot-0 {
padding-bottom:0px !important;
}


.column, .columns {
padding-left: 30px;
padding-right: 30px;
}

.row .row {
margin: 0 -30px;
}


.kontakt-row-img .box-outer {
display:none;
}

.kontakt-row-img .box-inner {
width:100%;
}

.padding-r-80 {
padding-right: 0px;
}

.padding-r-40 {
padding-right: 0px;
}

.banner-container {
height:650px !important;
}

.banner-container.page {
height:650px !important;
}

.banner-box h4 {
font-size: 28px;
line-height: 40px;
}

.banner-custom-page .banner-box h4 {
font-size: 28px;
line-height: 40px;
}


.banner-box-container .large-12 .banner-box {
height:650px !important;
}

.banner-box p {
font-size:22px;
}

.banner-box a {
margin-top:0px;
}

.banner-box-container .large-12 .banner-box {
max-width: 390px;
}

.menu-container {
padding-top:20px;
}

.row-menu-container .large-4 {
display:none;
}

.title-area .logo {
padding-top:10px;
max-width:215px;
}

.top-bar {
height:55px;
}

.top-bar .name {
height:55px;
background:none;
padding-left:0px;
}

.top-bar.expanded .title-area {
background:none;
margin-bottom: 15px;
}

.top-bar.expanded .toggle-topbar a {
color:#fff;
}

.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
}

.section-100-100 {
padding-top:50px;
padding-bottom:50px;
}

.padding-medium-bot-50 {
padding-bottom:50px;
}

.logos-bg {
height:auto !important;
background:#f3f3f3 !important;
}

.logos-bg .logos-box {
padding:50px 0  !important;
}


.section-0-100 {
padding-bottom:0px;
}

.inside-padding-30 {
padding-top:50px;
}

.call-to-action-1 h4 {
padding-top:50px;
font-size:35px;
}

.call-to-action-1 h5 {
font-size:25px;
}

.call-to-action-1 p {
margin-bottom:60px;
}

.h-big-1 {
font-size: 35px;
}

.h-small-1 {
font-size:26px;
}

.services-container .heading-row h3 {
font-size:35px;
}

.services-container .box-row {
max-width:400px !important;
}

.services-container .box-row .large-3 {
padding-bottom:50px;
}

.services-container {
padding-top:50px;
padding-bottom:20px;
}

.payroll-container .heading-row .heading {
background:#02b4e5;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
height:auto;
padding:20px 0;
max-width: 400px;
}

.payroll-container .heading-row .heading h3 {
padding-top:0px;
font-size:35px;
line-height:35px;
}

.payroll-container .heading-row .heading h3 span {
font-size:25px;
line-height:35px;
}

.payroll-container .box-row {
padding-top:50px;
}

.payroll-container .box-row .box {
margin-bottom:50px;
}

.payroll-container .small-text-row p {
padding-top:0px;
}

.img-float-right {
float:none;
margin-left:auto;
margin-right:auto;
display:block;
}

.kontakt-row-1 {
display:block;
}

.kontakt-row-1 .large-7 {
margin-bottom:50px;
}

.kontakt-row-1 .large-7 .person-box {
width: 306px;
height: 330px;
right:30px;
top:9%
}

.kontakt-row-1 .large-7 .person-box-2 {
width: 305px;
height: 279px;
right:45px;
top:8%;
}

.kontakt-row-1 .large-7 .person-box h3 {
padding-top:50px;
}

.kontakt-row-1 {
padding-top:50px;
padding-bottom:50px;
}

.kontakt-row-1 .large-5 {
padding-top:50px;
display:block;
max-width:740px;
margin-left:auto;
margin-right:auto;
float:none !important;
height:auto !important;
}

.kontakt-row-1 .large-5 h3 {
font-size:35px;
line-height:37px;
}

.kontakt-row-1 .large-5 h3 span {
font-size:26px;
}

.kontakt-row-1 .large-5 a.tel {
font-size:35px;
}

.section-3-box h3 span {
font-size:26px;
}

.section-3-box h3 {
font-size:35px;
line-height:37px;
}

.section-3-box .box-row {
padding-top:50px;
}

.section-3-box .box {
margin-bottom:50px;
max-width:500px;
margin-left:auto;
margin-right:auto;
}

.section-3-box .large-4:nth-child(3) .box {
margin-bottom:20px;
}

.wave-top {
background:none;
min-height:auto;
background:#f3f3f3;
padding-top:50px;
}

.wave-top .col-right {
padding-top:0px;
}

.wave-bot {
min-height:auto;
background:#f3f3f3;
padding-bottom:50px;
}

.wave-bot .col-left {
padding-top:0px;
}

.team-container .box-3 {
margin-top:0px;
}

.team-container .box-container {
margin-bottom:50px;
}

.team-container h3 {
font-size:35px;
line-height:37px;
}

.team-container h3 span {
font-size:27px;
}

.team-container .box {
height:auto;
}

.button-top-50 {
margin-top:30px;
}

.section-100-0 {
padding-top:50px;
}

.tab-container-heading h3 {
font-size:35px;
line-height:37px;
}

.tab-container-heading h3 span {
font-size:27px;
}

.tab-container .left-col {
width:100%;
max-width:770px;
margin-left:auto;
margin-right:auto;
display:block;
margin-bottom:50px;
float:none;
}

.tab-container .left-col ul li.active {
font-size: 16px;
line-height: 30px;
}

.tab-container .left-col ul li {
font-size: 16px;
line-height: 30px;
}

.tab-container .text-col {
padding-left:25px;
padding-top:20px;
padding-bottom:20px;
}

.kontakt-row-img .box-inner {
position:relative;
top:auto;
bottom:auto;
height:auto;
display:block;
max-width:740px;
margin-top:-80px;
height:390px;
margin-bottom:100px;
}

.kontakt-row-img .box-outer {
display:block;
position:relative;
top:auto;
bottom:auto;
display:block;
height:auto;
}

.kontakt-row-img .img-team {
display:block;
float:none;
}

.kontakt-row-img {
padding-bottom:0px;
display:block;
margin-top:0px;
}

.kontakt-row-img .box-inner img {
position:absolute;
bottom:-90px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}

.padding-l-40 {
padding-left:0px;
display:block;
margin:0 auto;
}

.footer-box-container .footer-box h3 {
font-size:35px;
line-height:37px;
}

.footer-box-container .footer-box h4 {
font-size:27px;
line-height:30px;
}

.footer-box-container .footer-box {
margin-bottom:20px;
margin-top: -357px;
}

.footer {
padding-top:200px;
padding-bottom:50px;
}

.footer-row-2 .link {
text-align:right;
}

.footer-row-2 .link a {
margin:0px 0px 0px 20px;
}

.footer h3 {
padding:20px 0 10px;
font-size:20px;
line-height:25px;
}

.footer p {
margin-bottom:0px;
}

.footer-row-2 .social-buttons {
margin-top:20px;
}

.logos-bg .logos-box {
column-count: 3;
display:block;
}

.logos-bg .logos-box img {
padding:30px;
}

.top-bar-section ul li a {
font-size:16px !important;
text-transform: none !important;
line-height: 30px !important;
color:#000 !important;
padding:0px !important;
font-weight:normal !important;
}

.top-bar-section ul li {
background:#fff;
padding:0px;
}

.top-bar-section ul {
background:#fff;
padding:20px;
}

.top-bar-section ul li:hover:not(.has-form) > a {
background:none;
}

.top-bar.expanded {
height:
}

.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown, .top-bar.expanded .top-bar-section .dropdown {
padding:20px 20px 40px 20px;
overflow:auto;
}

.top-bar-section .has-dropdown > a:after {
border-color: transparent transparent transparent rgba(0, 0, 0, 1);
margin-right:0px;
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
font-weight:700 !important;
}

.padding-inside-100 {
padding-top:50px;
}

.logos-bg .logos-box h4 {
display:none;
}

.logos-bg .h4-medium {
display:block;
text-align:center !important;
padding-top:50px;
font-size: 30px;
    color: #11113c;
    font-family: "Poppins";
    font-weight: 500;
    line-height: 37px;
}


.menu-kontakt-small  {
background:none;
position:absolute;
top: 6px;
right: 56px;
padding-left:0px;
}

.menu-kontakt-small a {
color: #fff;
line-height: 48px;
width: 100px;
display: block;
text-align: center;
font-weight: 500;
font-size: 16px;
border-radius: 4px;
background-color: #fdac1e;
font-family: "Rubik";
font-weight: 500;
text-transform:uppercase;
}

.top-bar .toggle-topbar.menu-icon {
padding-left:0px;
background: url(/layout/icon-burger.png);
background-size: contain;
}

.top-bar .toggle-topbar.menu-icon a {
padding-left:0px;
}
.top-bar .toggle-topbar.menu-icon a span{
display: none;
}

.banner-with-kontakt .head-1 {
font-size: 28px;
line-height: 40px;
}

.banner-with-kontakt .head-2 {
font-size: 22px;
}

.banner-with-kontakt p {
font-size: 22px;
}

.banner-form .text-small {
line-height:21px;
margin-top:20px;
margin-bottom:20px;
}

.banner-with-kontakt p {
line-height:23px;
}



}







@media only screen and (max-width: 800px) {
.br-800 {
display:block;
}

.banner-form .col-4 {
width:calc(50% - 5px);
}



}