/* pattaya-regular - latin */
@font-face {
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  src: url('lib/pattaya-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('lib/pattaya-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/pattaya-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/pattaya-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('lib/pattaya-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/pattaya-v12-latin-regular.svg#Pattaya') format('svg'); /* Legacy iOS */
}
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('lib/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('lib/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('lib/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('lib/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('lib/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('lib/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('lib/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('lib/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('lib/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('lib/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('lib/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('lib/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('lib/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('lib/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('lib/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('lib/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('lib/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('lib/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

.orange-light { background:#fcd3a6; }
.orange-medium { background:#f49600; }
.orange-dark { background:#ed7100; }
.pink { background:#f4c5f3; }
.violet-light { background:#b4afd3; }
.violet-dark { background:#9d85b6; }
.green-light { background:#97cfb9; }
.green-dark { background:#64bd9e; }
.blue-dark { background:#809cc3; }
.blue-light { background:#95d6ee; }
.grey { background:#4c4a4a; }

.marker {
background:linear-gradient(to left, transparent 50.1%, #fcd3a6 49.9%) right;
background-size: 200%;
transition:background-position .5s ease-out;
}

.orange-medium .marker, .orange-dark .marker {
background:linear-gradient(to left, transparent 50.1%, #ffffff 49.9%) right;
background-size: 200%;
}

.marker.aktiv {
background-position:left;
}

html, body {
width:100%; height:100%;
overflow-x:hidden;
}

body {
margin:0; padding:0;
background:#fff;
color:#000;
font-family:Roboto,Arial,Helvetica,sans-serif;
font-size:18px;
line-height:1.44;
font-weight:300;
text-decoration:none;
-webkit-text-size-adjust:none;
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-text-size-adjust:none;
}

a, span, div, ol, ul, li, td, th, form, fieldset, input, select, textarea, p, h1, h2, h3, h4 {
font-family:inherit;
color:inherit;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
text-decoration:inherit;
margin:0; padding:0;
list-style-type:none;
outline:none;
border:0;
}

img {
border:0;
}

.dn {
display:none;
}

.vh {
visibility:hidden;
}

section {
background:#fff;
}

section,
.clearfix {
*zoom:1;
}

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

       section:after,
       .clearfix:after {
       clear:both;
       }

.news #imgslider li,
#termin,
.deko,
.team section.slider h2,
.team section.slider li,
.services section.kontakt.orange-medium h1 + h2,
.leistungen section.leistungen h2,
.karriere .jobs ul h2,
h1 {
margin:0 auto 1em auto;
font-family:Pattaya,Roboto,Arial,Helvetica,sans-serif;
font-size:55px;
line-height:1.1;
text-align:center;
font-weight:400;
}

h1.big {
font-size:100px;
margin:0 auto;
}

.services section.kontakt.orange-medium h1,
.services h3,
.services h4,
h2 {
font-family:Roboto,Arial,Helvetica,sans-serif;
font-size:30px;
line-height:1.2;
font-weight:300;
text-align:center;
margin:0 auto 1em auto;
}

.services section.kontakt.orange-medium h1,
.services h3 {
font-weight:500;
}

h1 + h2 {
margin-top:-.5em;
}

h3, h4, h5 {
font-size:25px;
line-height:1.25;
font-weight:500;
margin-bottom:1em;
}

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

.news #imgslider li,
#termin,
.deko,
.team section.slider h2,
.team section.slider li,
.services section.kontakt.orange-medium h1 + h2,
.leistungen section.leistungen h2,
.karriere .jobs ul h2,
h1 {
font-size:30px;
}

h1.big {
font-size:55px;
}

.services section.kontakt.orange-medium h1,
.services h3,
.services h4,
h2 {
font-size:25px;
}

h3, h4, h5 {
font-size:20px;
}

}

p {
padding-bottom:15px;
}

.marker {
padding:0 10px;
white-space:nowrap;
}

a.more,
a span.more {
font-weight:500;
color:#ed7100;
transition:color .25s;
text-decoration:underline;
}

li:hover .more,
a.more:focus,
a.more:hover,
a:hover span.more,
a:focus span.more {
color:#809cc3;
}

.services li.download a {
transition:color .25s;
}

.services li.download a:hover,
.services li.download a:focus {
color:#ed7100;
}

.orange-medium a.more,
.orange-medium a span.more {
color:#fff;
}

.orange-medium li:hover .more,
.orange-medium a.more:focus,
.orange-medium a.more:hover,
.orange-medium a:hover span.more,
.orange-medium a:focus span.more {
color:#fcd3a6;
}

.blue-dark a.more,
.blue-dark a span.more,
.violet-light a.more,
.violet-light a span.more,
.violet-dark a.more,
.violet-dark a span.more {
color:#fff;
}

.blue-dark li:hover .more,
.blue-dark a.more:focus,
.blue-dark a.more:hover,
.blue-dark a:hover span.more,
.blue-dark a:focus span.more,
.violet-light li:hover .more,
.violet-light a.more:focus,
.violet-light a.more:hover,
.violet-light a:hover span.more,
.violet-light a:focus span.more,
.violet-dark li:hover .more,
.violet-dark a.more:focus,
.violet-dark a.more:hover,
.violet-dark a:hover span.more,
.violet-dark a:focus span.more {
color:#fcd3a6;
}


a.button {
display:table; width:auto;
margin:0 auto;
font-size:13px;
padding:10px 20px;
border:1px solid #fcd3a6;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

a.button:hover,
a.button:focus {
background:#fcd3a6;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

.nextarrow,
.prevarrow {
content:'';
position:relative;
display:inline-block;
margin-left:10px;
width:0px;
height:0px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);
border-style:solid;
border-width:14px 15px 0 15px;
border-color:#fcd3a6 transparent transparent transparent;
}

.prevarrow {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg);
}

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

.nextarrow,
.prevarrow {
display:block;
margin:20px auto 0 auto;
}

}

.nextarrow:after,
.prevarrow:after {
content:'';
display:block;
position:absolute; left:-15px; top:-17px;
width:0px;
height:0px;
-webkit-transform:rotate(360deg);
border-style:solid;
border-width:14px 15px 0 15px;
border-color:#ffffff transparent transparent transparent;
}

.center {
text-align:center;
}

u {
text-decoration:none;
border-bottom:2px solid #000;
}

footer, section {
width:100%;
}

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

body {
padding-top:120px;
}

section>div {
position:relative;
max-width:1170px;
margin:0 auto;
padding:60px 30px;
}

header {
position:fixed; left:0px; top:0px;
width:100%; height:120px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,.8);
z-index:1000;
}

header>div {
position:relative;
width:100%;
max-width:1280px;
margin:0 auto -74px auto;
padding:0 30px;
z-index:10;
}

            #logo {
            float:left;
            width:226px; height:42px;
            margin:32px 0 0 0;
            }

            #nav {
            float:right;
            margin-top:52px;
            }

                        #nav li {
                        float:left;
                        font-size:18px;
                        font-weight:300;
                        margin-right:15px;
                        }

                        #nav li:last-of-type {
                        margin-right:0;
                        }

                        #nav li.aktiv {
                        font-weight:700;
                        }

                        #nav li a {
                        padding:0 3px;
                        transition:color .25s;
                        }

                        #nav li:not(.aktiv) a:hover,
                        #nav li:not(.aktiv) a:focus,
                        .services #nav li:not(.aktiv) a:hover,
                        .services #nav li:not(.aktiv) a:focus {
                        color:#809cc3;
                        }

            #nav li:nth-child(1n+9),
            header .open,
            header .close {
            display:none !important;
            }

}

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

body {
padding-top:65px;
}

footer>div, section>div {
position:relative;
width:100%;
margin:0 auto;
padding:30px 15px;
}

header {
position:fixed; left:0px; top:0px;
width:100%; height:65px;
z-index:10;
background:#fff;
-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}

            #logo {
            float:left;
            width:190px; height:35px;
            margin:15px 0 0 15px;
            }

            header .open,
            header .close {
            position:absolute; right:15px; top:17px;
            text-transform:uppercase;
            font-size:9px;
            font-weight:300;
            color:#1e1e1e;
            }

            header .open {
            padding-top:15px;
            border-top:3px solid #494949;
            }

            header .open:before {
            content:'';
            position:absolute; left:0px; top:4px;
            display:block;
            width:100%; height:4px;
            border-top:3px solid #494949;
            border-bottom:3px solid #494949;
            }

            header .close {
            display:none;
            padding-top:18px;
            }

            header .close:before {
            content:'';
            position:absolute; left:0px; top:8px;
            display:block;
            width:100%; height:3px;
            background:#494949;
            -webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            transform:rotate(45deg);
            }

            header .close:after {
            content:'';
            position:absolute; left:0px; top:8px;
            display:block;
            width:100%; height:3px;
            background:#494949;
            -webkit-transform:rotate(-45deg);
            -moz-transform:rotate(-45deg);
            transform:rotate(-45deg);
            }

#nav {
display:none;
position:absolute; left:0px; top:55px;
width:100%;
padding:15px 15px 0 15px;
background:#fff;
-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow:0px 5px 5px 0px rgba(0,0,0,0.25);
}


      #nav li {
      margin:10px 0;
      text-align:center;
      font-size:22px;
      line-height:30px;
      font-weight:300;
      }

      #nav li.aktiv {
      font-weight:700;
      }

      #nav li.orange {
      color:#f5a623;
      font-size:18px;
      }

      #nav li.orange.first {
      margin:20px 0;
      font-size:22px;
      }

      #nav li:last-of-type {
      margin:0 0 20px 0;
      }

}

                        #nav .lang a {
                        color:#f49600;
                        padding:0;
                        }


/* Footer */

footer {
background:#444;
color:#fff;
}

         footer > div {
         position:relative;
         width:100%;
         max-width:1280px;
         padding:7px 30px 0 30px;
         margin:0 auto;
         }

         footer > div > a {
         display:block;
         clear:both;
         width:36px; height:10px;
         margin:0 auto;
         }

                  footer > div > a > svg {
                  width:10px; height:36px;
                  fill:#fff;
                  transform:rotate(90deg);
                  transition:fill .25s;
                  }

                  footer > div > a:hover > svg,
                  footer > div > a:focus > svg {
                  fill:#ed7100;
                  }

         footer nav {
         float:right;
         }

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

         footer nav {
         width:100%;
         text-align:right;
         }

         footer nav a:first-child {
         float:left;
         }

}

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

         footer > div > a {
         position:relative; top:-30px;
         }

}

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

         footer nav {
         float:none;
         display:block;
         margin:0 auto;
         text-align:center;
         }

         footer > div > a {
         margin:20px auto;
         }

}

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

         footer nav a:first-child {
         display:block;
         }

}

footer nav a {
transition:color .25s;
}

footer nav a:hover,
footer nav a:focus {
color:#ed7100;
}

         #farben {
         display:block;
         width:100%; height:20px;
         }

/* Start */

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

.team .start,
.index .start {
min-height:500px;
}

}

.team .start img,
.index .start img {
display:block;
width:100%; height:auto;
}


/* Intro */

.index .intro {
position:relative;
}

         .index .intro div {
         font-size:30px;
         line-height:1.2;
         }



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

         .index .intro div {
         font-size:20px;
         }

}


         .index .intro.green-dark div {
         color:#fff;
         text-align:center;
         }


                 .index .intro ul {
                 max-width:500px;
                 margin:0 auto;
                 }

                        .index .intro ul li {
                        position:relative;
                        padding:5px 0 15px 50px;
                        }

                        .index .intro ul li:before {
                        content:'';
                        position:absolute; left:0px; top:0px;
                        width:33px; height:42px;
                        background:url('img/haken.png') left top no-repeat;
                        opacity:0;
                        transition:opacity 1s;
                        }

                        .index .intro ul li.aktiv:before {
                        opacity:1;
                        }

@media screen and (min-width:1170px) {

#termin {
position:absolute; right:calc(50% - 610px); top:90px;
display:block;
width:228px; height:218px;
z-index:1001;
background:#ed7100 url('img/termin.png');
background-size:100% 100%;
overflow:hidden;
text-indent:-1000px;
transition:all .5s;
border-radius:50%;
}

html[lang=en] #termin {
background-image:url('img/termin-en.png');
}

#termin:hover {
/*background-color:#809cc3;*/
animation:terminsize 1s;
}

@keyframes terminsize {
         0% {
         transform:scale(1);
         }
         30% {
         transform:scale(1.2);
         }
         100% {
         transform:scale(1);
         }
}

.team #termin {
top:-90px;
}

#termin.fixed {
position:fixed;
right:50px;
top:90px;
width:171px; height:163.5px;
}

}

@media screen and (min-width:1600px) {

#termin.fixed {
right:calc(50% - 750px);
}

}

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

#termin {
position:relative;
display:block;
width:100%; height:120px;
background:#ed7100;
color:#fff;
text-align:center;
line-height:120px;
margin:0;
transition:font-size .25s;
}

#termin span {
position:absolute; left:50%;
transform:translateX(-50%);
transition:left .5s;
display:block;
white-space:nowrap;
}

#termin:not(.aktiv) span {
left:-100%;
transition:left .5s;
}

#termin span:before {
position:relative; top:-3px;
display:inline-block;
margin-right:12px;
content:'\2192';
font-weight:700;
}

#termin:hover {
font-size:60px;
}

}


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

#termin {
font-size:30px;
}

#termin:hover {
font-size:35px;
}

}

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

#termin {
font-size:26px;
}

#termin:hover {
font-size:29px;
}

}


/* Leistungen */

section.leistungen>div {
max-width:960px;
padding-left:0;
padding-right:0;
}

section.leistungen ul li {
float:left;
width:240px;
min-height:428px;
padding:0 15px 30px 15px;
font-weight:300;
text-align:center;
}

         .leistungen section.leistungen ul li h3 {
         transition:color .25s;
         }

         .leistungen section.leistungen ul li:hover h3,
         .leistungen section.leistungen ul li:focus h3 {
         color:#fcd3a6;
         }

             .leistungen div.icon:before,
             section.leistungen ul h3:before {
             content:'';
             display:block;
             width:165px; height:165px;
             margin:0 auto;
             background:url('img/icons.png') left top no-repeat;
             -webkit-background-size:auto 266.5px;
             -moz-background-size:auto 266.5px;
             background-size:auto 266.5px;
             position:relative; left:0px; top:0px;
             transition:top .3s ease-out;
             }

             .leistungen #coaching div.icon:before,
             section.leistungen ul li:nth-child(2) h3:before { width:139px; background-position:-1500px top; }
             .leistungen #digitalisierung div.icon:before,
             section.leistungen ul li:nth-child(3) h3:before { width:147px; background-position:-500px top; }
             .leistungen #dienstleistungen div.icon:before,
             section.leistungen ul li:nth-child(4) h3:before { width:144px; background-position:-1000px top; }
             .leistungen #recht div.icon:before,
             section.leistungen ul li:nth-child(5) h3:before { background-position:-2500px top; }

                section.leistungen ul li:focus h3:before,
                section.leistungen ul li:focus-within h3:before,
                section.leistungen ul li:hover h3:before {
                top:-8px;
                }

        section.leistungen ul p {
        min-height:99px;
        }

.leistungen section.leistungen>div {
max-width:1170px;
}

.leistungen section.leistungen ul li {
width:390px; height:150px;
min-height:auto;
text-align:left;
}

             .leistungen section.leistungen ul h3:before {
             float:left;
             transform:scale(.7);
             top:-40px;
             width:165px !important;
             }

                  .leistungen section.leistungen ul li:focus h3:before,
                  .leistungen section.leistungen ul li:focus-within h3:before,
                  .leistungen section.leistungen ul li:hover h3:before {
                  top:-48px;
                  }


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

section.leistungen>div {
padding-top:50px;
}

}

section.leistungen ul {
margin:50px auto 0 auto;
}

@media screen and (min-width:511px) and (max-width:1023px) {

section.leistungen ul {
width:480px;
}

}

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

section.leistungen ul {
width:240px;
}

}

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

.leistungen section.leistungen ul {
width:780px;
}

}

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


.leistungen section.leistungen ul {
width:390px;
}

}


/* Unsere 5C */

.index section.unsere5c ul {
padding:2em 0;
}

section.unsere5c ul li {
float:left;
width:45%;
font-size:30px;
line-height:1.2;
font-weight:300;
position:relative; left:100vw;
transition:left .25s;
padding-left:95px;
margin-bottom:1em;
}

.leistungen section.unsere5c ul li {
width:300px;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
}

section.unsere5c ul li:nth-child(1n+2) {
margin-left:5%;
}

section.unsere5c ul li:nth-child(5) {
margin-left:27.5%;
}

.leistungen section.unsere5c ul li {
margin-left:0 !important;
padding-left:50px;
margin-bottom:1em;
}

         section.unsere5c ul li h3 {
         font-size:30px;
         line-height:1.2;
         font-weight:600;
         margin:0;
         padding:1.5em 0 0 0;
         }

         .leistungen section.unsere5c ul li h3 {
         font-size:inherit;
         line-height:inherit;
         padding:0;
         }

         section.unsere5c ul li span {
         position:absolute; left:0px; top:0px;
         font-family:Pattaya,Roboto,Arial,Helvetica,sans-serif;
         font-size:150px;
         line-height:1;
         font-weight:600;
         }

         .index section.unsere5c ul li:first-child span {
         left:20px;
         }

         .leistungen section.unsere5c ul li span {
         font-size:55px;
         }

section.unsere5c ul li.aktiv {
left:0px;
}

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

.index section.unsere5c ul li {
display:block;
float:none;
clear:left;
width:100%;
max-width:500px;
margin:0 auto 1em auto !important;
}

         .index section.unsere5c ul li span {
         min-width:78px;
         text-align:right;
         margin-bottom:50px;
         }

         .index section.unsere5c ul li:first-child span {
         left:0px;
         }

}

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

.index section.unsere5c ul li,
.leistungen section.unsere5c ul li {
width:100%;
padding-left:70px;
}

         section.unsere5c ul li,
         section.unsere5c ul li h3 {
         font-size:20px;
         }

         .index section.unsere5c ul li span,
         .leistungen section.unsere5c ul li span {
         min-width:50px;
         font-size:80px;
         }


}

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

section.unsere5c ul {
padding:0 4%;
margin:0 auto;
}

}


/* Wir */

.wir img {
display:block;
width:100%; height:auto;
}

.wir h2 {
text-align:left;
}

.wir h3 {
font-family:Pattaya,Roboto,Arial,Helvetica,sans-serif;
font-size:26px;
margin:1em 0 0 0;
}

/* Slider */

#gruende,
#imgslider {
position:relative;
}

#imgslider>div {
position:relative;
width:99.999%;
padding-top:66.73728813559322%;
overflow:hidden;
}

#imgslider ul {
position:absolute; left:0px; top:0px;
width:600%;
margin:0; padding:0;
list-style-type:none;
}

#imgslider li {
float:left;
width:calc(100% / 6);
}

#imgslider li img {
display:block;
width:100%; height:auto;
}

#gruende>a,
#imgslider>a {
position:absolute; top:50%;
margin-top:-18px;
display:block;
width:9px; height:36px;
}

#gruende>a svg,
#imgslider>a svg {
width:10px; height:36px;
transition:fill .25s;
}

#gruende>a:hover svg,
#gruende>a:focus svg,
#imgslider>a:hover svg,
#imgslider>a:focus svg {
fill:#ed7100;
}

@media screen and (min-width:1200px) {

#gruende>a.next,
#imgslider>a.next { right:-100px; transform:rotate(180deg); }

#gruende>a.prev,
#imgslider>a.prev { left:-100px; }

}

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

#gruende>a.next,
#imgslider>a.next { right:30px; transform:rotate(180deg); }

#gruende>a.prev,
#imgslider>a.prev { left:30px; }

}

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

#gruende>a.next,
#gruende>a.prev { display:none; }

}

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

.team #gruende ul {
width:calc(33 * (80vw + 25px));
}

#gruende ul li { 
width:80vw;
}

#gruende ul li div { 
width:100%;
}

}

/* Informiert */

.news .informiert>div>h1 {
margin-top:100px;
}

.informiert li:not(.einzeln) h1 {
/*padding-top:15px;*/
font-family:inherit;
font-size:inherit;
font-weight:inherit;
text-align:inherit;
margin:0;
}

.informiert li:not(.einzeln) h2 {
font-size:25px;
line-height:31px;
text-align:left;
margin:0;
min-height:79px;
}

.informiert h3 {
font-weight:400;
}

.informiert ul {
margin:75px 0 25px 0;
}

.informiert li {
margin-bottom:25px;
}

.informiert li:not(.einzeln) {
/*background:#f6f6f6;*/
}

.informiert li:not(.einzeln) div {
min-height:180px;
display:flex;
align-items:center;
}

.informiert li:not(.einzeln) div img {
display:block;
width:100%; height:auto;
margin-bottom:15px;
}

section.informiert>div {
padding:60px 100px;
}

.informiert li img {
float:left;
clear:left;
margin:0 60px 0 0;
width:270px; height:auto;
}

.informiert li div {
float:left;
max-width:calc(100% - 330px);
}


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

section.informiert>div {
padding:5%;
}

.informiert ul {
width:100%;
margin:40px 0 0 0;
}

.informiert li img {
clear:left;
margin:0 10px 20px 0;
width:100%;
}

.informiert li div {
max-width:100%;
clear:left;
}

.informiert li div h2 {
font-size:22px;
line-height:28px;
}

.informiert li div p {
clear:left;
padding-bottom:40px;
}

}

iframe {
max-width:100%;
}

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

.informiert iframe {
max-height:320px;
}

}

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

.informiert iframe {
max-height:210px;
}

}

.news section.schoen h2 {
color:#fff;
margin:2em auto 0 auto;
}


.news #imgslider div,
.news #imgslider ul {
height:500px;
padding:0;
}

.news #imgslider li {
height:100%;;
display:flex;
align-items:center;
justify-content:center;
margin:0;
font-size:100px;
}

.news #imgslider li:nth-child(5) {
font-size:55px;
}

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

.news #imgslider li {
font-size:30px;
}

.news #imgslider li:nth-child(5) {
font-size:20px;
}

}

.news #imgslider a:focus svg,
.news #imgslider a:hover svg {
fill:#fff;
}


/* Kontakt */

section.kontakt h3 {
font-size:25px;
line-height:32px;
font-weight:300;
}

section.kontakt div.fb {
display:block;
width:270px;
padding-left:60px;
background:url('img/icons.png') -495px 5px no-repeat;
-webkit-background-size:auto 44px;
-moz-background-size:auto 44px;
background-size:auto 44px;
font-family:Pattaya,Roboto,Arial,Helvetica,sans-serif;
font-size:20px;
line-height:26px;
font-weight:400;
transition:all .3s ease-out;
}

section.kontakt div.fb:hover,
section.kontakt div.fb:focus,
section.kontakt div.fb:focus-within {
background-position:-495px 0px;
}

section.kontakt div.fb a {
text-decoration:none;
}

section.kontakt .nextarrow:after {
border-color:#efb1d1 transparent transparent transparent;
}


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

section.kontakt #maps {
float:right;
margin-left:50px;
}

}

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

section.kontakt > div {
max-width:500px;
margin:0 auto;
}

#maps {
margin-bottom:15px;
}

#maps img {
width:100%; height:auto;
}

}

#maps {
display:block;
overflow:hidden;
}

#maps img {
display:block;
transition:transform .3s ease-out;
}

#maps:hover img,
#maps:focus img {
transform:scale(1.1);
}

section.kontakt_form>div {
padding-top:0;
}

section.kontakt_form form {
/*max-width:780px;*/
font-size:18px;
line-height:24px;
}

section.kontakt_form p {
/*max-width:560px;*/
}

section.kontakt_form textarea,
section.kontakt_form input,
section.kontakt_form select {
margin:10px 0 20px 0;
padding:10px 20px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

section.kontakt_form textarea,
section.kontakt_form input[type=text],
section.kontakt_form input[type=email],
section.kontakt_form select {
width:100%;
}

section.kontakt_form input.submit {
float:left;
background:#000;
color:#fff;
border:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
padding:10px 50px;
cursor:pointer;
transition:background .25s;
}

section.kontakt_form input.submit:hover,
section.kontakt_form input.submit:focus {
background:#f49600;
}


@media screen and (min-width:768px) {

section.kontakt_form input.submit {
margin:0 50px 20px 0;
}

}

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

section.kontakt_form input.submit {
display:block;
float:none;
margin:0 0 20px 0;
}

section.kontakt_form input.submit + span {
display:block;
}

}

#rueckruf {
float:left; margin-right:10px;
}

#rueckruf + label {
float:left;
max-width:calc(100% - 30px);
margin:5px 0 20px 0;
}


/* Team */

.team .start h1 {
margin:0 auto 50px auto;
font-size:75px;
line-height:75px;
}

.team .start li .deko {
font-size:100px;
line-height:1;
color:#fff;
margin:0;
}

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

.team #termin {
margin:-30px -15px 30px -15px;
width:calc(100% + 30px);
}

}

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

.team #termin {
margin:-60px -30px 60px -30px;
width:calc(100% + 60px);
}

}


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

.team .start li {
position:relative;
padding-bottom:1em;
min-height:130px;
}

        .team .start li .deko {
        position:absolute; left:0px; top:-27px;
        font-size:55px;
        }

        html[lang=de] .team .start li h3 {
        padding-left:50px;
        }
        
        .team .start li h3 {
        margin-bottom:.5em;
        }

}

@media screen and (min-width:75px) and (max-width:1199px) {

html[lang=de] .team .start li {
position:relative;
padding-left:70px;
min-height:130px;
}

        .team .start li .deko {
        position:absolute; left:0px; top:-22px;
        }

        .team .start li h3 {
        margin-bottom:.5em;
        }

}

@media screen and (min-width:1200px) {

.team .start ul {
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:25px;
}

        .team .start li {
        display:flex;
        flex-direction:column;
        width:calc(25% - 18.75px);
        }

        html[lang=de] .team .start li:nth-child(1),
        html[lang=de] .team .start li:nth-child(2),
        html[lang=de] .team .start li:nth-child(3),
        html[lang=de] .team .start li:nth-child(4) {
        flex-direction:column-reverse;
        }

        html[lang=de] .team .start li:nth-child(5) {
        width:100%;
        }

        .team .start li:nth-child(5) .deko {
        font-size:200px;
        margin:-20px 0 -50px 0;
        }

        html[lang=en] .team .start li h3 {
        /*min-height:62.5px;*/
        }

        .team .start li h3 {
        text-align:center;
        margin-top:1em;
        }

}


        .team .start li h3,
        .team .start li p {
        opacity:0;
        transform:translateY(-30px);
        transform:scale(1.3);
        }

        .team .start li:nth-child(1n+5) h3,
        .team .start li:nth-child(1n+5) p {
        transform:translateY(-30px);
        }

        .team .start li.aktiv h3,
        .team .start li.aktiv p {
        opacity:1;
        transform:translateY(0);
        transform:scale(1);
        transition:all .5s ease-out;
        }


.team section.team > div > img {
width:100%; height:auto;
}

.team section.team ul {
display:flex;
flex-direction:row;
justify-content:space-between;
gap:25px;
margin-top:1.5em;
}

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

.team section.team ul {
flex-direction:column;
}

}

     .team section.team ul li h2 {
     font-weight:700;
     text-align:left;
     font-size:inherit;
     margin:0;
     }


         .team section.slider #imgslider > div {
         padding:0;
         height:350px;
         }

         .team section.slider h1 {
         font-family:inherit;
         font-size:inherit;
         font-weight:500;
         color:#fff;
         }

         .team section.slider li {
         height:350px;
         display:flex;
         align-items:center;
         justify-content:center;
         font-size:100px;
         margin:0;
         }

         .team section.slider h2 {
         display:flex;
         align-items:center;
         justify-content:center;
         margin-bottom:.5em;
         }

         .team .kompetenz img {
         max-width:100%; height:auto;
         }


#gruende > div,
#gruende {
width:100%; height:224px;
}

#gruende > div {
position:relative;
overflow:hidden;
}

.team .gruende ul {
position:absolute; left:0px; top:25px;
width:7466px;
}

.team .gruende li {
float:left;
}

.team .gruende li + li {
margin-left:25px;
}

.flip-card {
margin:0; padding:0;
background-color:transparent;
perspective:1000px;
}

.flip-card > div {
position:relative;
transition:transform 0.6s;
transform-style:preserve-3d;
text-align:center;
background:#fff;
color:#000;
}

.flip-card,
.flip-card div {
width:202px; height:174px;
}

.flip-card div div {
position:absolute;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
display:flex;
align-items:center;
justify-content:center;
}

.flip-card.hover > div,
.flip-card:focus > div,
.flip-card:hover > div {
transform:rotateY(180deg);
}

.flip-card-back {
transform:rotateY(180deg);
background:#f49600;
color:#fff;
padding:0 20px;
}

.flip-card-front {
font-family:Pattaya,Roboto,Arial,Helvetica,sans-serif;
font-size:100px;
font-weight:400;
}

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

.team .start h1 {
font-size:40px;
line-height:50px;
}

.team .start h2 {
padding-bottom:2em;
margin-bottom:0;
}

.flip-card-front {
font-size:55px;
}

}

.team #imgslider .prev,
.team #imgslider .next {
display:none;
}


/* Leistungen */

.danke .start,
.leistungen .start {
position:relative;
min-height:56vw;
width:100%; max-width:1280px;
margin:0 auto;
padding-top:100px;
background:transparent;
}

.danke .start h1,
.leistungen .start h1 {
max-width:550px;
font-size:75px;
line-height:85px;
margin:0;
text-align:left;
}


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

.danke main,
.leistungen main {
width:100%;
background:#f3f0eb url('img/Zahn-und-Zahn-Steuerberatung-Rhein-Main-Leistungen.jpg') right top no-repeat;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
background-size:100% auto;
}

}

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

.danke .start,
.leistungen .start {
min-height:56vw;
background:#f3f0eb url('img/Zahn-und-Zahn-Steuerberatung-Rhein-Main-Leistungen.jpg') right bottom no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}

.danke .start h1,
.leistungen .start h1 {
max-width:400px;
top:100px;
font-size:46px;
line-height:54px;
}

.leistungen .l1 label.marker {
position:relative; top:-42px;
}

.leistungen .l1 p {
margin:96px 0 20px 0;
}

}

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

.services .start h1 {
max-width:500px;
}

        .leistungen .l1 p {
        margin-top:150px;
        }

}



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

.leistungen div.icon {
padding-top:30px;
}

.leistungen div.icon:before {
position:absolute; right:0px; top:30px; left:auto;
}

}

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

.leistungen div.icon:before {
display:block;
margin:2px auto 25px auto;
}

}

.leistungen .l1 ul {
width:100%;
max-width:362px;
border:1px solid #fff;
}

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

.leistungen .l1 p {
float:left;
max-width:calc(100% - 472px);
}

.leistungen .l1 ul {
float:right;
margin:-85px 0 -30px 110px;
}

}

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

.leistungen .l1 ul {
display:block;
margin:0 auto;
}

}

       .leistungen .l1 li {
       position:relative;
       display:block;
       width:100%; height:60px;
       font-size:16px;
       line-height:60px;
       font-weight:300;
       }

       .leistungen .l1 li:nth-child(1n+2) {
       border-top:1px solid #fff;
       }

                       .leistungen .l1 li a {
                       display:block;
                       width:100%; height:100%;
                       padding:0 60px 0 80px;
                       }

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

                       .leistungen .l1 .erfolgsreporting a {
                       line-height:20px;
                       padding:10px 80px 10px 80px;
                       }

}

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

                       .leistungen .l1 .coaching a {
                       line-height:20px;
                       padding:10px 80px 10px 80px;
                       }

}

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

                       .leistungen .l1 .digitalisierung a {
                       line-height:20px;
                       padding:10px 80px 10px 80px;
                       }

}

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

                       .leistungen .l1 .betriebspruefung a {
                       line-height:20px;
                       padding:10px 80px 10px 80px;
                       }

}

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

                       .leistungen .l1 .dienstleistungen a {
                       line-height:20px;
                       padding:10px 80px 10px 80px;
                       }

}

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

                       .leistungen .l1 .recht a {
                       line-height:20px;
                       padding:10px 80px 10px 80px;
                       }

}

       .index section.leistungen li h2 {
       padding-bottom:15px;
       }

                                .leistungen .l1 li a:before {
                                content:'';
                                position:absolute; left:10px; top:10px;
                                width:44px; height:42px;
                                background:url('img/icons.png') no-repeat;
                                -webkit-background-size:auto 46px;
                                -moz-background-size:auto 46px;
                                background-size:auto 46px;
                                }

                                .leistungen .l1 .erfolgsreporting a:before { background-position:left -3px; }
                                .leistungen .l1 .digitalisierung a:before { background-position:-87px -3px; }
                                .leistungen .l1 .dienstleistungen a:before { background-position:-172px -3px; }
                                .leistungen .l1 .coaching a:before { background-position:-259px -3px; }
                                .leistungen .l1 .betriebspruefung a:before { background-position:-345px -2px; }
                                .leistungen .l1 .recht a:before { background-position:-431px -3px; }

                           .leistungen .l1 li a .skip {
                           position:absolute; left:auto; right:20px; bottom:24px;
                           margin:0;
                           width:24px; height:9px;
                           overflow:hidden;
                           }

                                    .leistungen .l1 li a .skip:before {
                                    border-width:9px 12px 0 12px;
                                    border-color:#333 transparent transparent transparent;
                                    }

                                    .leistungen .l1 li a .skip:after {
                                    border-width:9px 12px 0 12px;
                                    }

                                    .leistungen .l1 .l2 a .skip:after { border-color:#6ac7aa transparent transparent transparent; }
                                    .leistungen .l1 .l4 a .skip:after { border-color:#7dceb5 transparent transparent transparent; }
                                    .leistungen .l1 .l5 a .skip:after { border-color:#8fd4be transparent transparent transparent; }
                                    .leistungen .l1 .l7 a .skip:after { border-color:#a2dbc9 transparent transparent transparent; }
                                    .leistungen .l1 .l8 a .skip:after { border-color:#b4e2d3 transparent transparent transparent; }
                                    .leistungen .l1 .l9 a .skip:after { border-color:#c7e9de transparent transparent transparent; }

.services li.download {
position:relative;
padding-left:45px;
}

.leistungen li.arrow,
.services li.arrow {
list-style-type:disc;
margin-left:15px;
}

.services li.download:before {
content:'';
position:absolute; left:0px; top:-5px;
font-size:26px;
line-height:26px;
font-weight:100;
}

.leistungen p.check,
.leistungen li.check {
position:relative;
padding-left:45px;
}

.leistungen p.check:before,
.leistungen li.check:before {
content:'';
position:absolute; left:5px; top:5px;
font-size:26px;
line-height:26px;
font-weight:100;
}

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

.leistungen #erfolgsreporting .col.left {
float:left;
width:300px;
margin:0 100px 100px 0;
}

.leistungen #erfolgsreporting .col.right {
float:left;
width:calc(100% - 400px);
}

.leistungen #digitalisierung .col.left {
float:left;
width:calc(50% - 50px);
margin:0 100px 0 0;
}

.leistungen #digitalisierung .col.right {
float:left;
width:calc(50% - 50px);
}

.leistungen #coaching .col.left {
float:left;
width:375px;
margin:0 100px 100px 0;
}

.leistungen #coaching .col.right {
float:left;
width:375px;
width:calc(100% - 475px);
}

.leistungen #recht .col.left {
float:left;
width:300px;
margin-bottom:50px;
}

.leistungen #recht .col.middle {
float:left;
width:calc(100% - 620px);
margin:0 50px;
}

.leistungen #recht .col.right {
float:left;
width:220px;
}

.leistungen #betriebspruefung .col {
float:left;
width:calc(33% - 14px);
margin:40px 21px 100px 0;
}

.leistungen #betriebspruefung .col:last-of-type {
margin-right:0;
}

.leistungen #dienstleistungen ul {
margin:40px 0 0 0;
}

}

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

.leistungen .col.left,
.leistungen .col.middle {
width:100%;
margin-bottom:30px;
}

.leistungen #coaching .col.left {
margin-bottom:0;
}

.leistungen .col.right {
width:100%;
margin-bottom:50px;
}

}

.leistungen #scanforyou {
clear:both;
display:block;
margin:30px 0;
padding:30px 0 0 0;
border-top:1px solid #fff;
}

@media screen and (min-width:768px) {

.leistungen .datev {
margin-bottom:30px;
min-height:185px;
/*width:calc(100% - 50px);
padding-right:255px;
background:url('img/Signet_Digitale_Kanzlei_2021_RGB.png') right -3px no-repeat;
background-size:200px 190px;*/
}

.leistungen #candis {
clear:both;
display:block;
min-height:650px;
margin:30px 0;
padding:30px 0 30px 315px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url('img/candis.png') 80px 30px no-repeat;
-webkit-background-size:144px auto;
-moz-background-size:144px auto;
background-size:144px auto;
}

}

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

.leistungen .datev {
margin-bottom:30px;
/*padding-top:180px;
background:url('img/datev.png') center top no-repeat;
background-size:140px 140px;*/
}

.leistungen .datev img {
width:50%; height:auto;
margin:0 0 15px 0 !important;
}

.leistungen .datev h2 {
clear:both;
}

.leistungen #candis {
position:relative;
clear:both;
display:block;
margin:30px 0;
padding:223px 0 30px 0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.leistungen #candis:before {
content:'';
position:absolute; left:0px; top:30px;
width:100%; height:163px;
background:url('img/candis.png') center top no-repeat;
-webkit-background-size:144px auto;
-moz-background-size:144px auto;
background-size:144px auto;
}

}

       .leistungen .datev h2,
       #candis h2,
       #candis + div h2,
       .leistungen .col.right h2 {
       text-align:left;
       }

       .leistungen .col.left ul {
       margin-bottom:20px;
       }

                     .leistungen .col.left li {
                     margin-top:10px;
                     padding-bottom:10px;
                     }

                            .leistungen .col.left li>b {
                            display:block;
                            line-height:30px;
                            }

                     .leistungen #candis li,
                     .leistungen .col.right li,
                     .leistungen div.icon li {
                     padding-bottom:15px;
                     }

                     .leistungen #candis b {
                     display:block;
                     padding:15px 0;
                     }

.leistungen #recht a.button {
display:block;
width:100%;
background:transparent;
border:1px solid #fcd3a6;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
padding:10px;
cursor:pointer;
text-align:center;
font-size:inherit;
}





/* Services */

.services .start {
position:relative;
min-height:56vw;
width:100%; max-width:1170px;
margin:0 auto;
padding-top:100px;
background:transparent;
}

.services .start h1 {
margin:0 0 1em 0;
text-align:left;
max-width:350px;
font-family:Pattaya,Roboto,Arial,Helvetica,sans-serif;
font-size:75px;
line-height:85px;
font-weight:400;
}


.services .start h1 .marker {
display:inline-block;
padding:10px;
}

.services section.kontakt h1 + h2,
.services section.services h2 {
max-width:90%;
margin:0 auto;
}

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

.services main {
background:#9fbcca url('img/Zahn-und-Zahn-Steuerberatung-Muehlheim-Frankfurt-Offenbach-Main-Services.jpg') center top no-repeat;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
background-size:100% auto;
}

}

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

.services .start {
min-height:56vw;
background:url('img/Zahn-und-Zahn-Steuerberatung-Muehlheim-Frankfurt-Offenbach-Main-Services.jpg') right bottom no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}

.services .start h1 {
margin:0;
}

}

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

.services .start h1 {
max-width:340px;
}

}

.services section.services {
color:#fff;
}

.services section.kontakt h1 {
margin-bottom:.5em;
}

.services section.kontakt h1 + h2 .marker {
display:inline-block;
padding:10px;
}

@media screen and (min-width:768px) {

.services .datev .icon {
width:calc(100% - 75px);
padding-left:220px;
padding-top:8px;
margin-bottom:30px;
min-height:140px;
background:url('img/datev.png') 40px 8px no-repeat;
background-size:140px 140px;
transition:background .3s ease-out;
}

.services .datev .icon:hover,
.services .datev .icon:focus {
background-position:32px top;
background-size:156px 156px;
}


}

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

.services .datev .icon {
padding-top:188px;
margin-bottom:30px;
background:url('img/datev.png') center 8px no-repeat;
background-size:140px 140px;
transition:background .3s ease-out;
}

.services .datev .icon:hover,
.services .datev .icon:focus {
background-position:center top;
background-size:156px 156px;
}

}

.services .dokumente li {
margin-top:30px;
padding:0 0 30px 0;
border-bottom:1px solid #fff;
}

.services .dokumente li.download {
padding:0 0 30px 45px;
background:url('img/icon_document.png') left 5px no-repeat;
background-size:30px auto;
min-height:32px;
}

      .services .dokumente li.download a {
      display:block;
      text-decoration:underline;
      margin-top:10px;
      }

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

.services .upload .col.left {
float:left;
width:calc(50% - 50px);
margin:40px 100px 70px 0;
}

.services .upload .col.right {
float:left;
width:calc(50% - 50px);
margin-top:40px;
}

.services .partner .col.left {
float:left;
width:calc(50% - 50px);
margin:0 100px 70px 0;
}

.services .partner .col.right {
float:left;
width:calc(50% - 50px);
}

.services .dokumente .col.left {
float:left;
width:calc(50% - 50px);
margin:40px 100px 100px 0;
}

.services .dokumente .col.right {
float:left;
width:calc(50% - 50px);
margin-top:40px;
}

}

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

.services .partner .col.left,
.services .upload .col.left {
width:100%;
margin-bottom:30px;
}

.services .partner .col.right,
.services .upload .col.right {
width:100%;
margin-bottom:50px;
}

.services .dokumente .col.left {
width:100%;
margin-bottom:30px;
}

.services .dokumente .col.right {
width:100%;
margin-top:4em;
margin-bottom:50px;
}

}


.services .upload .col.left {
padding-top:188px;
background:url('img/app_1.png') 8px 8px no-repeat;
background-size:100px auto;
transition:background .3s ease-out;
}

.services .upload .col.left:hover,
.services .upload .col.left:focus {
background-position:left top;
background-size:116px auto;
}

.services .upload .col.right {
padding-top:188px;
background:url('img/app_2.png') 8px 8px no-repeat;
background-size:100px auto;
transition:background .3s ease-out;
}

.services .upload .col.right:hover,
.services .upload .col.right:focus {
background-position:left top;
background-size:116px auto;
}

.services .upload .colboth {
clear:both;
padding-top:100px;
background:url('img/datev-steuern.png') -8px 8px no-repeat;
background-size:140px auto;
transition:background .3s ease-out;
}

.services .upload .colboth:hover,
.services .upload .colboth:focus {
background-position:-16px top;
background-size:156px auto;
}

.services .upload .colboth h3 {
margin:0 0 1em 140px;
text-align:left;
}


.services .upload img + h3,
.services .upload h5 {
margin:-40px 0 1em 128px;
text-align:left;
}

.services h4 {
text-align:left;
}

.services .upload li {
margin-top:10px;
padding-bottom:10px;
}

.windows,
.macos,
.android,
.ios {
display:inline-block;
text-indent:-1000px;
overflow:hidden;
background-repeat:no-repeat;
}

.windows { background-image:url('img/button_windows.png'); }
.macos { background-image:url('img/button_mac.png'); }
.android { background-image:url('img/button_googleplay.png'); }
.ios { background-image:url('img/button_appstore.png'); }

.windows,
.macos {
width:200px; height:55px;
background-size:auto 55px;
}

.windows:hover,
.windows:focus,
.macos:hover,
.macos:focus {
background-position:-250px top;
}

.windows + .macos {
margin-left:50px;
}

.android,
.ios {
width:150px; height:40px;
background-size:auto 40px;
}

.android:hover,
.android:focus,
.ios:hover,
.ios:focus {
background-position:-200px top;
}

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

.windows + .macos {
display:block;
margin:30px auto 0 auto;
}

}


/* Impressum */

section.impressum>div {
padding-top:130px;
}

section.impressum h3 {
font-size:26px;
line-height:32px;
margin-bottom:32px;
}

section.impressum .left h3 {
max-width:360px;
}

section.impressum p b {
display:inline-block;
padding:10px 0;
}

section.impressum>div>h1:after {
display:none;
}

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

section.impressum>div>h1 {
max-width:100%;
font-size:72px;
line-height:90px;
}

section.impressum>div>h2 {
font-size:44px;
line-height:60px;
font-weight:100;
}

section.impressum>div>h2>span {
display:none;
}

section.impressum .col.left {
float:left;
width:375px;
margin:0 100px 100px 0;
}

section.impressum .col.right {
float:left;
width:calc(100% - 475px);
}

}

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

section.impressum>div>h1 {
max-width:100%;
font-size:36px;
line-height:44px;
}

section.impressum>div>h2 {
font-size:30px;
line-height:38px;
font-weight:100;
}

section.impressum .col.left {
width:100%;
margin-bottom:30px;
}

section.impressum .col.right {
width:100%;
margin-bottom:50px;
}

}


#datenschutz h3 {
font-weight:bold;
margin:20px 0 10px 0;
}

#datenschutz h4 {
margin:10px 0 10px 0;
}


/* ABB */

section.abb>div {
padding-top:130px;
}

.abb ol {
margin-left:15px;
}

.abb ol li {
list-style-type:decimal;
margin-top:20px;
margin-left:15px;
font-weight:400;
}

         .abb ol li table tr {
         display:block;
         margin-top:20px;
         font-weight:400;
         }

section.abb>div>h1:after {
display:none;
}

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

section.abb>div>h1 {
max-width:100%;
font-size:72px;
line-height:90px;
}

section.abb>div>h2 {
font-size:44px;
line-height:60px;
font-weight:100;
}

}

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

section.abb>div>h1 {
max-width:100%;
text-align:left;
font-size:36px;
line-height:44px;
}

section.abb>div>h2 {
font-size:30px;
line-height:38px;
font-weight:100;
}

}

section.abb>div>h3 {
font-size:16px;
line-height:21px;
font-weight:700;
margin-top:1em;
}

section.abb>div> h2 + h3 {
font-size:30px;
line-height:40px;
font-weight:300;
margin-top:0;
}

section.abb ol + h3 {
margin-top:2em;
}

.cc-banner.cc-theme-edgeless .cc-message {
margin:10px;
}

@media screen and (max-width:767px) {
.cc-window.cc-banner .cc-compliance {
width:100%;
text-align:center;
}
}


/* Karriere */

.karriere .start {
background:#f4f3f1 url('img/Zahn-und-Zahn-Steuerberater-Muehlheim-Frankfurt-Offenbach-Main-Karriere.jpg') right top no-repeat;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
background-size:100% auto;
/*padding-top:180px;*/
padding-top:100px;
min-height:56vw;
}

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

.karriere .start {
background-position:center top;
background-size:cover;
}

}


.karriere .start>div {
position:relative;
width:100%; max-width:1170px;
}

.karriere .start h1 {
max-width:500px;
text-align:left;
font-family:Pattaya,Roboto,Arial,Helvetica,sans-serif;
font-size:75px;
line-height:85px;
font-weight:400;
margin:0;
}

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

.karriere .start>div {
/*min-height:340px;
padding-top:135px;*/
}

.karriere .start h1 {
max-width:260px;
font-size:36px;
line-height:48px;
}

}

.karriere .zukunft > div {
max-width:1004px;
}

.karriere .zukunft > div h2 {
max-width:730px;
}

.karriere .jobs ul h2 {
margin-bottom:0;
}

.karriere section.kontakt_form>div {
padding-top:60px;
}

sup { vertical-align: top; position: relative; top: -0.5em; }

.abb sup { font-size:.75em; }

#aside {
position:absolute; right:40px; top:0px;
background:#fcd3a6;
padding:1px 10px 3px 10px;
}

         #aside li {
         display:inline-block;
         font-size:13px;
         }

         #aside li + li {
         margin-left:20px;
         }

                  #aside li i {
                  color:#333;
                  }

                  #aside li a {
                  transition:color .25s;
                  }

                  #aside li a:hover,
                  #aside li a:focus {
                  color:#809cc3;
                  }

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

#aside {
display:none;
}

}

#contact {
position:fixed; right:20px; bottom:80px;
width:70px; height:70px;
overflow:hidden;
z-index:1002;
}

#contact > a {
position:absolute; right:0px; bottom:0px;
display:block;
padding:10px;
border-radius:10px;
background:#fcd3a6;
transition:background .25s;
/*box-shadow:0 0 10px rgba(0,0,0,.2);*/
color:#fff;
}

#contact > a:hover,
#contact > a:focus {
background:#809cc3;
}

#contact > a svg {
display:block;
width:50px; height:50px;
}


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

#contact {
width:60px; height:60px;
}

#contact > a svg {
width:40px; height:40px;
}

}

#contacts {
opacity:0;
position:absolute; right:20px; bottom:20px;
padding:30px;
border-radius:10px;
background:#ffff;
color:#000;
box-shadow:0 2px 5px rgba(0,0,0,.2);
transition:opacity .25s;
}

#contacts a {
display:block;
margin-top:10px;
}

#contacts svg {
display:inline-block;
width:40px; height:40px;
}

#contacts a span {
display:inline-block;
margin:0 0 0 10px;
position:relative;
top:-13px;
}

#contacts h1 {
margin: 0 auto;
font-family: Pattaya,Roboto,Arial,Helvetica,sans-serif;
font-size: 26px;
line-height: 30px;
text-align: left;
font-weight: 400;
margin-bottom:20px;
}

#contacts h2 {
font-size:inherit;
font-weight:500;
padding-bottom:0;
}

#contact:hover,
#contact:focus {
width:350px; height:auto;
max-width:calc(100% - 20px);
overflow:visible;
}

#contact:hover #contacts,
#contact:focus #contacts {
opacity:1;
}

section.newsletter:not(.kontakt_form) {
text-align:center;
}

section.newsletter h1 {
margin-bottom:.5em;
line-height:1.4;
}

section.newsletter h2 {
margin-bottom:.5em;
}

.kontakt #newsletter {
padding-top:180px;
margin-top:-160px;
}

label a {
display:inline;
}

@media screen and (min-width:768px) {

video {
float:left;
width:75%; height:auto;
}

video + video {
width:23.75%; height:auto;
margin-left:1.25%;
}

}


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

video {
display:block;
width:auto; height:auto;
max-width:100%;
max-height:85vh;
}

video + video {
margin:20px auto 0 auto;
}

}