/* GFDISABLED: /* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('https://rummel-hertling.de/wp-content/uploads/easyfonts/fonts/roboto/roboto-normal-latin-ext-100.woff2?ver=1786553775') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('https://rummel-hertling.de/wp-content/uploads/easyfonts/fonts/roboto/roboto-normal-latin-100.woff2?ver=1786553775') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 */

/* Allgemein */

#page h1 {
	font-weight: 300;
	font-size: 26px;
}

/* Header */

.uk-offcanvas-content,
.uk-offcanvas-overlay,
#mobile-menu .uk-offcanvas-bar {
	overflow-x: hidden !important;
}
header .ks-row.uk-sticky-fixed {
	height: 67px !important;
}
#navbar.uk-active {
    background: rgba(255, 255, 255);
    box-shadow: 0 0 10px #000;
}
#page #logo img {
	transition: .3s;
}
#navbar:not(.uk-active) #logo img {
    width: 300px;
    margin-top: -10px;
}
#ks-sticky-buttons span {
	background: #fda501 !important;
}
#page-header-image {
	background: white;
}
#page-header-image .ks-header-slider .flex-direction-nav .flex-nav-next a:before, #page-header-image .ks-header-slider .flex-direction-nav .flex-nav-prev a:before {
	color: #fda401;
}

@media (max-width: 1280px) {
	#ks-sticky-buttons span.icon {
		width: 30px;
		right: -30px;
	}
	#ks-sticky-buttons:hover span.icon {
		right: -31px !important;
	}
}
@media (max-width: 899px) {
	#ks-sticky-buttons {display:none;}
}
@media (min-width: 1280px) {
  .page-anfahrt .ks-map-canvas {
    height: 675px !important;
  }
}
#page header ul.sub-menu {
	margin-top: 3px;
}
#header-scrolldown a {
	color: #fda501;
	box-shadow: 0 0 2px #fda501;
}
#header-scrolldown a:hover {
	background: #fda501;
}
#page ul.menu.button-style>li.menu-item-has-children>a:after {
	display: none;
}
#navbar_menu {
  margin-top: 3px;
}
body:not(.home) #navbar:not(.uk-active) {
  height: 80px;
  line-height: 80px;
	box-shadow: 0 6px 20px #999;
}
body:not(.home) #page header ul.sub-menu {
	margin-top: 0;
}
body:not(.home) #navbar:not(.uk-active) ul.sub-menu {
	padding-top: 21px;
}
body:not(.home) #navbar.uk-active ul.sub-menu {
	padding-top: 3px;
}
@media (min-width: 900px) {
	body.home #navbar:not(.uk-active) {
        height: 150px;
        line-height: 150px;
	}
	.home #mobile-menu-toggle {
        right: 50px;
        top: 65px
	}
	#page-header-image .flex-nav-prev .flex-prev {
		display:none
	}

}
@media (max-width: 899px) {
	body.home #page-header #navbar:not(.uk-active) {
		background: #fff !important;
        height: 80px;
        line-height: 80px;
        box-shadow: 0 6px 20px #999 !important;
	}
	#page-header-image .ks-header-slider ul.slides>li {
        background-size: 100%
	}
	body.home #page-header-image {
		padding-top: 100px;
		height: 450px!important;
	}
	body.home #page-header-image .slider-caption {
		display: none;
	}
		#navbar:not(.uk-active) #logo img {
		margin-top: 10px;
	}

}
@media (max-width: 768px) {
	body.home #page-header-image {
		height: 400px !important;
	}
}
@media (max-width: 499px) {
	body.home #page-header-image {
		height: 300px !important;
	}
}
@media (min-width: 720px) {
	body:not(.home) #navbar:not(.uk-active) #logo {
		margin-top:10px;
	}
}
@media (max-width: 719px) {
	#navbar:not(.uk-active) #logo img {
		width: 200px;
	}
	a#mobile-menu-toggle {
        top: 23px;
	}
	body #page-header #navbar:not(.uk-active) {
        height: 60px !important;
        line-height: 60px !important;
	}
	body.home #page-header-image {
		padding-top: 80px;
	}
}
#page ul.menu.button-style > li > a {
	font-weight: 300 !important;
}
#page header ul.sub-menu li {
	border-left: 0;
	border-right: 0;
}
@media (max-width: 1500px) {
	#page ul.menu li.page-kontakt ul.sub-menu {right:0!important;left:auto!important;}
}
@media (max-width: 1023px) {
    #page ul.menu.button-style > li > a {
    	padding-left: 10px!important;
    	padding-right: 10px!important;
    }
}
#mobile-menu-toggle {
    color: #f9b000 !important;
	  right: 30px;
    top: 38px
}
#navbar.uk-sticky-fixed #mobile-menu-toggle {
	  top: 20px
}
#mobile-menu-toggle i:before {
	font-size: 35px;
}
@media (max-width: 1279px) {
    #navbar .ks-wrap {
    	padding: 0 30px !important;
    }
}
#mobile-menu #mobile-menu-body ul.sub-menu li > a,
#mobile-menu #mobile-menu-body ul.sub-menu li > a span {
    display: block;
}

/* Headerbilder */

.home #page-header-image .ks-header-image,
.home #page-header-image .ks-header-slider .slides > li,
.page-kanzlei #page-header-image .ks-header-image,
.page-bewerbung #page-header-image .ks-header-image,
.parent-pageid-545 #page-header-image .ks-header-image,
.parent-pageid-537 #page-header-image .ks-header-image,
.parent-pageid-14 #page-header-image .ks-header-image{
	background-position: top center !important;
}
.page-downloads #page-header-image .ks-header-image,
.page-datev-online #page-header-image .ks-header-image
{
	background-position: bottom center !important;
}
@media (max-width: 1280px){
	#page-header-image, #page-header-image .ks-header-image, #page-header-image .ks-header-slider, #page-header-image .ks-header-slider .slides > li {height:400px !important;}
}
@media (max-width: 1024px){
	#page-header-image, #page-header-image .ks-header-image, #page-header-image .ks-header-slider, #page-header-image .ks-header-slider .slides > li {height:300px !important;}
}
@media (max-width: 540px){
	#page-header-image, #page-header-image .ks-header-image, #page-header-image .ks-header-slider, #page-header-image .ks-header-slider .slides > li {height:250px !important;}
}
@media (max-width: 1024px) {
	#page-header-image {
		height: auto !important;
	}
	#page-header-image .ks-header-image {
		height: 0 !important;
		padding-bottom: 40%;
	}
}
/* Footer */

#footer {
	background: #606468 !important;
}
#footer img {
    opacity: 0.5;
    max-width: 180px!important;
    margin-top: -15px;
}
#footer h4 {
    font-weight: bold;
    margin-bottom: 23px;
}
#footer a {
  text-decoration: none;
}
#footer table td {
  padding: 0 7px 7px 0;
  vertical-align: top;
}
#footer li.menu-item a:before {
  content: "\f10a";
  font-family: "Ionicons";
  display: inline-block;
}
@media (max-width : 900px) {
	#footer > .ks-wrap {
		padding: 0 25px !important;
	}
}
@media (max-width : 768px) {
	#footer > .ks-wrap {
		display: block;
        width: 100% !important;
	}
	#footer > .ks-wrap > .ks-container {
        width: 49%!important;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 30px;
	}
}
@media (max-width : 768px) {
	#footer > .ks-wrap > .ks-container {
    width: 100%!important;
		margin-bottom: 15px;
	}
}
/* STARTSEITE */

.home #content-main {
	padding-bottom: 0;
}
.home #page-header {
	margin-top: 1px !important;
}
.home .ks-section {
	padding: 70px 0;
}
#page-header-image .slider-caption {
    left: auto;
    right: 5%;
    bottom: 20%;
    bottom: 20vh;
    width: auto!important;
}

@media (max-width: 1280px){
	#page-header-image .slider-caption {
		bottom: 15%;
		bottom: 15vh;
	}
}
body:not(.home) #page-header-image .slider-caption {
	display: none !important;
}
#page-header-image .slider-caption h2,
#page-header-image .slider-caption h3 {
    background: rgba(52, 52, 52, 0.6);
    color: #fff;
    padding: 20px 30px	;
    margin-bottom:0;
    font-weight: 100;
    letter-spacing: 0;
    text-align: left;
}
#page-header-image .slider-caption span {
    color: #fda501;
	font-size: inherit;
}
#page-header-image .slider-caption h2 {
	font-size: 80px;
}
#page-header-image .slider-caption h3 {
	font-size: 35px;
	margin-top: 10px;
}
#page-header-image ul li:first-child .slider-caption h3 {
	font-size: 30px;
}
#page-header-image .flex-nav-next a,
#page-header-image .flex-nav-prev a {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
#kanzlei {
	padding-top: 0;
}
#leistungen h2,
#leistungen h3,
#leistungen p {
	color: #ffff;
}
#leistungen .ks-element-button {
    text-align: center;
}
@media (max-width: 767px) {
.page-datev-online .ks-section-content > .ks-row+.ks-row {
        margin-top: 0px !important;
	}
	#content-main {
	       padding-top: 30px !important;
 }
}
@media (max-width: 719px){
.ks-grid>.ks-grid-item {
        width: 100%;
        flex-basis: 100%;
	}
}
@media (max-width: 767px){
	div#rummel-bild {
        margin-bottom: 30px !important;
	}
}
/*
#leistungen {
	background: #757d87
}*/
#leistungen .ks-grid-item {
    padding: 0px 20px;
	display: flex;
}
#leistungen .ks-grid-item > .ks-heading {
    min-height: 90px;
}
#leistungen .ks-grid-item > .ks-content {
    min-height: 116px;
}
#leistungen .ks-image {
	margin-bottom: 0;
}
#kanzlei .ks-image-caption {
    background: none;
    color: #ffa400;
    position: absolute;
    width: 100%;
    font-weight: 400;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#hertling-bild .ks-image-caption {
    bottom: 80px;
    right: 0;
    text-align: right;
    padding-right: 30px;
    width: 200px;
    border-bottom: 2px solid #ffa400;
}
#hertling-bild .ks-image-caption:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #ffa400;
    position: absolute;
    left: -5px;
    bottom: -5px;
    border-radius: 50%;
}
#rummel-bild .ks-image-caption {
    bottom: 80px;
    left: 0px;
    text-align: left;
    padding-left: 30px;
    width: 200px;
    border-bottom: 2px solid #ffa400;
}
#rummel-bild .ks-image-caption:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #ffa400;
    position: absolute;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
}
#zielstrebig ul {
	padding-left: 0;
}
#zielstrebig ul li {
	list-style: none;
	font-weight: 600;
	color: #666;
	margin-bottom: 0;
	padding-left: 0;
}
#zielstrebig .ks-element {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
.home #kontakt h3 {
	margin-top: 0;
}
.home #kontakt .ks-icon {
	text-align: center;
}
.home #kontakt .ks-icon a {
	color: #fda501;
	text-decoration: none !important;
}
.home #kontakt .ks-icon a span {
	font-size: 60px;
	width: 60px;
	height: 60px;
}
@media (max-width: 767px){
	#home-fixed-img {
		display: none !important;
	}
	#mobile-fixed-img {
		background-size: 100% !important;
		height: 300px;
	}

}

/* Kontakt */

.page-kontakt #content-main h3 {
	margin-top: 0 !important;
	font-weight: 300!important;
}
.page-kontakt input[type=submit] {
	padding: 13px 30px !important;
}
p.zeile-kontakt {
    text-align: center;
    font-weight: 700;
    font-size: 90%;
	margin: 5px 0 10px 0;
}

/* Anfahrt */

.page-anfahrt .gm-style .gm-style-iw-c {
	padding: 25px;
	height: 120px;
}
.page-anfahrt button.gm-ui-hover-effect {
	top: 0!important;
}

/* DOKUMENTE */

.page-downloads .ks-documents .ks-document-item-container {
	min-height: auto !important;
}
.page-downloads .ks-documents.ks-grid li {
    width: 220px;
    flex-basis: 220px;
}
@media (min-width: 900px){
    .page-downloads .documents1 {
    	max-width: 900px;
    }
}
@media (min-width: 680px){
    .page-downloads .documents2 {
    	max-width: 680px;
    }
}

.page-blitzlicht #archive .ks-grid li:first-child {
    display: none !important;
}
.page-blitzlicht .ks-documents.ks-grid>li {
	position: relative
}
.ks-document-item-container {
	background: #f8f8f8
}
/*
.page-blitzlicht .ks-document-item-container {
    background-image: url('/wp-content/themes/kodeostudio-child/images/blitzlicht.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
	min-height: 270px !important;
}
.page-blitzlicht span.ks-document-title:before {
	display: none !important;
}
*/
.page-blitzlicht .ks-documents.ks-grid>li span.ks-document-title {
    position: relative;
    font-weight: 600;
    color: #007381;
    display: inline-block;
    text-align: center;
    word-spacing: 99999px;
    margin: 0 auto;
    letter-spacing: 1px;
}

.page-blitzlicht .ks-documents.ks-grid li .ks-document-item-container {
	min-height: auto !important;
}
.page-blitzlicht .ks-documents.ks-grid li.has-thumbnail span.ks-document-title,
.page-blitzlicht .ks-documents.ks-grid li.has-thumbnail:hover span.ks-document-thumbnail {
	opacity: 1;
}
.page-blitzlicht .ks-documents.ks-grid li span.ks-document-title:before {
	display: none;
}
.page-blitzlicht .ks-documents.ks-grid>li span.ks-document-title {
    font-weight: 600;
    color: #007381;
    display: inline-block;
    text-align: center;
    word-spacing: 99999px;
    margin: 0 auto;
    letter-spacing: 1px;
	margin: 10px 0;
}
.ks-documents.ks-grid a {
	border: 0 !important;
}
.page-blitzlicht .ks-documents.ks-grid a:hover span.ks-document-title {
	color: #fda501;
}
.ks-documents.ks-grid>li .ks-document-item-container>a:active {
    color: inherit;
}

.ks-section-content {
	max-width: 1239px;
}

@media (max-width: 1279px){
	.page-blitzlicht .ks-grid-6>* {
        width: calc(100% * 1 / 5);
        flex-basis: calc(100% * 1 / 5);
	}
}
@media (max-width: 1024px){
	.page-blitzlicht .ks-grid-6>* {
        width: calc(100% * 1 / 4);
        flex-basis: calc(100% * 1 / 4);
	}
}
@media (max-width: 768px){
	.page-blitzlicht .ks-grid-6>* {
        width: calc(100% * 1 / 3);
        flex-basis: calc(100% * 1 / 3);
	}
}
@media (max-width: 540px){
	.page-blitzlicht .ks-grid-6>* {
        width: calc(100% * 1 / 2);
        flex-basis: calc(100% * 1 / 2);
	}
	.page-blitzlicht .ks-documents.ks-grid>li span.ks-document-title {
		font-size: 20px;
	}
}
@media (max-width: 400px){
	.page-blitzlicht .ks-grid-6>* {
        width: calc(100% * 1 / 1);
        flex-basis: calc(100% * 1 / 1);
	}
}

@media (max-width: 1279px){
	.ks-section-content {
		max-width: 94%;
	}
}

@media (max-width: 480px){
	li.ks-document-item {
        display: block;
		width: 100% !important;
		flex-basis: 100% !important;
	}
}
@media (max-width: 720px){
	.page-downloads li.ks-document-item {
        display: block;
        width: 50%;
        flex-basis: 50%;
	}
}

/* DATEV ONLINE */

.page-datev-online .ks-code br,
.page-datev-online .ks-code footer {
    display: none!important;
}
.page-datev-online iframe {
	width: 98%;
}
.page-datev-online .ks-section-content > .ks-row+.ks-row {
	margin-top: -60px;
}
.page-datev-online .video-section-2,
.page-datev-online .video-section-3 {
	margin-top: -20px;
}
/*PROBE*/
.mym-widget-video-button {
    width: 97% !important;
    max-width: none !important;
    max-height: none !important;
}

/* KONTAKTFORMULAR */
#kontaktformular textarea {
    max-width: none !important;
    width: 207% !important;
    padding: 0 !important;
}
@media (min-width: 1680px){
	.ks-map-canvas {height: 600px !important;}
}
@media (max-width: 1280px){
	.ks-map-canvas {height: 500px !important;}
}
@media (max-width: 1024px){
	.ks-map-canvas {height: 400px !important;}
}
@media (max-width: 767px){
	.ks-map-canvas {height: 300px !important;}
	.gm-style .gm-style-iw-a {display:none !important;}
}

/* Karriere */

.page-karriere .ks-box .ks-button span {
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
}

/* BLOG */

.ks-post-grid .ks-post-item-container {
	padding: 0;
	 border: 1px solid whitesmoke;
}
.blog h2.ks-post-title,
.blog .ks-post-meta,
.blog .ks-post-text {
    margin: 10px 20px;
}
.blog h2.ks-post-title {
	font-size: 24px;
}
.blog .ks-post-text {
    margin-bottom: 20px;
}
.blog .ks-post article .ks-post-meta,
.ks-post-single .ks-post-meta {
	display: none !important;
}
.ks-post-single h1.ks-post-title {
	text-align: left;
	margin-bottom: 30px;
}
.ks-post-single .ks-post-image {
	margin-bottom: 30px;
}
.ks-post-navigation {
	margin-top: 40px;
}
@media (min-width: 768px){
.ks-grid-2>* {
    flex-basis: 48%;
	}
}
@media (max-width: 767px){
.ks-wrap {
    padding-left: 30px;
    padding-right: 30px;
	}
}

/* DATENSCHUTZ */
.page-datenschutz a {
    word-break: break-word;
}

/* Callback Formular */

#callback .uk-modal .uk-modal-dialog {
	padding-top: 40px;
}
#callback input.wpcf7-form-control.wpcf7-submit {
    position: absolute;
    right: 30px;
    bottom: 25px;
}
#callback button.uk-modal-close {
	margin-right: 103px;
	letter-spacing: 0;
	border-color: #bbb;
}
#callback button.uk-modal-close:hover {
	border-color: #999;
}
#callback select,
#callback textarea,
#callback input.wpcf7-text {
    width: 100%;
    max-width: 100%!important;
	font-size: 14px;
	color: #000;
}
#callback p {
	font-size: 14px;
}

/* Datev Online */

.page-datev-online .mym-widget-container {
    min-width: auto!important;
}

/* Bewerbung */

#bewerbung .codedropz-upload-inner h3 {
    font-size: 16px;
}
#bewerbung a.cd-upload-btn {
    color: #fda500;
}

/* Kanzlei & Leistungen */

#kanzlei {
	padding-top: 0;
}
#leistungen h2,
#leistungen h3,
#leistungen p {
	color: #ffff;
}
#leistungen .ks-element-button {
    text-align: center;
}

#leistungen .ks-grid-item {
  padding: 0px 20px;
	display: flex;
}
#leistungen .ks-grid-item > .ks-heading {
    min-height: 90px;
}
#leistungen .ks-grid-item > .ks-content {
    min-height: 116px;
}
#leistungen .ks-image {
	margin-bottom: 0;
}

#rummel-bild,
#hertling-bild {
	width: 100% !important;
}

#rummel-bild figure,
#hertling-bild figure {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#leistungen .ks-section-content .ks-grid-4 > .k-cards-item {
	flex: 0 0 25%;
	padding-left: 0;
	padding-right: 0;
}

#leistungen .k-cards-item .ks-content,
#leistungen .k-cards-item .ks-heading{
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	color: #fff;
}

#leistungen .k-cards-item .ks-heading h3 span,
#leistungen .k-cards-item .ks-content p,
#leistungen h2 span,
#leistungen .k-cards-item .ks-button:hover span {
	color: #fff;
}

#kanzlei {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#rummel-bild,
#hertling-bild {
	width: 100% !important;
}

#rummel-bild figure,
#hertling-bild figure {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#leistungen .ks-section-content .ks-grid-4 > .k-cards-item {
	flex: 0 0 25%;
	padding-left: 0;
	padding-right: 0;
}

#leistungen .k-cards-item .ks-content,
#leistungen .k-cards-item .ks-heading{
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	color: #fff;
}

#leistungen .k-cards-item .ks-heading h3 span,
#leistungen .k-cards-item .ks-content p,
#leistungen h2 span,
#leistungen .k-cards-item .ks-button:hover span {
	color: #fff;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	#kanzlei .ks-section-content #rummel-bild,
	#kanzlei .ks-section-content #hertling-bild {
		max-height: 590px !important;
		overflow: hidden !important;
	}
	.ks-ie-height {
		max-height: 550px !important;
		overflow: hidden !important;
	}
	figure {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

  body.home :not(.uk-active)#navbar,
  body.home .uk-active#navbar,
  body #navbar{
    line-height: 1 !important;
  }

  .ion-navicon-round,
  .ion-navicon-round::before {
    background-repeat: no-repeat;
  }

  #mobile-menu-toggle {
    height: 30px;
    overflow: hidden;
  }

}

@media (max-width: 1279px){
	.ks-section-content {
		max-width: 94%;
	}
}
@media (max-width: 768px){
	#leistungen .ks-section-content .ks-grid-4 > .k-cards-item {
	flex: 0 0 50%;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 540px){
		#leistungen .ks-section-content .ks-grid-4 > .k-cards-item {
	flex: 0 0 100%;
	padding-left: 0;
	padding-right: 0;
}
	#rummel-bild figure,
	#hertling-bild figure {
		width: 100%;
		max-width: 100%;
	}
}
