body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/********************************************************************************/
/*
Theme Name: Friedrichs-Byhahn Steuerberater
Theme URI: https://www.friedrichs-byhahn.de/
Description: CSS File for Fonts
Version: 1.0
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local(''),
	   url('../../files/data/fonts/abel-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../../files/data/fonts/abel-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}

/* teko-600 - latin */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 600;
  src: local(''),
	   url('../../files/data/fonts/teko-v14-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../../files/data/fonts/teko-v14-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
	   url('../../files/data/fonts/pt-sans-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../../files/data/fonts/pt-sans-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}

/********************************************************************************/

/********************************************************************************/
/*
Theme Name: Friedrichs-Byhahn Steuerberater
Theme URI: https://www.friedrichs-byhahn.de/
Description: CSS File for Layout
Version: 1.0
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/*	Hauptfarben					*/
/*	Footer:			#444e5a		*/
/*	Blau:			#364e6d		*/
/********************************************************************************/
/*	CSS Reset	*/

:link,:visited { text-decoration:none }
ul, ol { list-style:none }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,hr, dt, dd { margin:0; padding:0 }
figure {margin:0;}
a img,:link img,:visited img { border:none }

* {margin: 0; padding: 0; border: 0; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {-webkit-font-smoothing: antialiased; overflow-y: scroll; height: 100%;}
/********************************************************************************/
/* Klasse .block overflow:hidden von Contao überschreiben  */
/*.block {overflow:visible;}*/

/*	Unsichtbare Bereiche	*/
/*.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}*/
/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection {background:#364e6d; color:#fff; /* Safari and Opera */ }
::-moz-selection {background:#364e6d; color:#fff; /* Firefox */ }

/* Highlight Searchword */
.highlight {background:#364e6d; color:#fff; padding:0 2px;}

/*	Abstand unter Bildern entfernen	*/
figure {line-height:0;}

/*	Linie um Links enfernen	*/
/*:focus {outline:0;}*/
/********************************************************************************/

body {
font-family				: 'PT Sans',arial, sans-serif;
color					: #333;
margin					: 0 auto;
padding					: 0;
background				: #fff;
}

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none !important;      
	will-change: content !important;
}

/********************************************************************************/

#wrapper {
/*max-width				: 1200px;*/
margin					: 0 auto;
}

#header {
text-align				: center;
}

.logo {
z-index					: 10;
position				: fixed;
width					: 100%;
margin					: 0 auto;
padding					: 80px 0 50px 0;
/*background				: rgba(255, 255, 255, 0.9);*/
background				: #fff;
}

/*
.old .logo {
position				: relative;
padding					: 0;
margin					: 80px auto 50px auto;
background				: none;
}
*/

#container {
max-width				: 1200px;
margin					: 0 auto;
}

#main .inside {
margin-top				: 178px;
padding					: 90px 0;
}

#cboxContent #main .inside {
margin-top				: 0;
padding					: 20px;
}

/*
.old #main .inside {
margin-top				: 0;
padding					: 90px 0;
}
*/

#footer {
background				: #444e5a;
}

#footer .inside {
max-width				: 1200px;
margin					: 0 auto;
padding					: 0 0 80px 0;
}

#footer #kontakt {
padding-top				: 80px;
}

@media only screen and (min-width : 768px) {
	#footer {
/* 	padding-bottom: 300px; */
	}
}
/********************************************************************************/

h1,
#footer h2 {
font-family				: 'Teko', arial, sans-serif;
font-size				: 170%;
line-height				: 1.1em;
color					: #364e6d;
text-transform			: uppercase;
}

#footer h2 {
color					: #fff;
}

h3 {
font-size				: 110%;
line-height				: 1.4em;
}

p {
font-size				: 110%;
line-height				: 1.4em;
margin					: 0 0 1.4em 0;
}

strong {
color					: #364e6d;
}

#footer p {
color					: #fff;
}

a::before,
strong.active::before {
content					: '\002192';
padding					: 0 5px 0 0;
}

a:link,
a:visited {
color					: #364e6d;
}

a:hover,
a:active,
a:focus {
color					: #364e6d;
text-decoration			: underline;
}

#footer p a:before {
content					: '';
padding					: 0;
}

#footer a:link,
#footer a:visited {
color					: #fff;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
color					: #fff;
text-decoration			: underline;
}

/********************************************************************************/
/*	Bereiche	*/

.ce_text ul {
list-style				: square;
margin					: -1.4em 0 1.4em 0;
padding					: 0 0 0 1.4em;
}

.ce_text li {
font-size				: 110%;
line-height				: 1.4em;
}

/********************************************************************************/
/*	Footer	*/

#footer .rs-columns {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#footer .rs-column.-large-last {
	display: -webkit-flex; 
	display: -ms-flexbox; 
	display: flex;
	margin-top: auto;
}

/********************************************************************************/
/*	Bilder	*/

/*	Bilder mit Links ohne Rahmen darstellen (MaousOver!)	*/
.ce_image a {
border					: none;
}

.ce_image a:before {
content					: '';
padding					: 0;
}

/*	Teaser	*/
.teaser figure {
max-height				: 800px;
}

.teaser img {
width					: 100%;
max-width				: auto;
}

/********************************************************************************/
/*	Slider	*/

.swiper-container {
width: 100vw;
max-width:100%;
height: calc(100vh - 178px);
top: 178px;
}

.swiper-container .bild {
width: 100vw;
height: 100vh;
cursor: all-scroll;
background-size: cover !important;
background-position: top center !important;
background-repeat: none;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
/*	background-image: url("");*/
/*	right: 10px;*/
/*	left: auto;*/
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
/*	background-image: url("");*/
/*	left: 10px;*/
/*	right: auto;*/
}

/********************************************************************************/
/*    Cookie Hinweis    */

#cookiebar button {
	border: 1px solid #fff;
    background: #364e6d;
}

/********************************************************************************/
/*	Galerie	*/

.bilder {
	margin-top: 90px;
}

.bilder .left,
.bilder .right {
	float: left;
	width: 49.2%;
}

.bilder .left {
	margin-right: 0.8%;
}
	
.bilder .right {
	margin-left: 0.8%;
}

.fifty.links {
	margin-right: 1.8%;
}
	
.fifty.rechts {
	margin-left: 1.8%;
}

.fifty {
	float: left;
	width: 48.2%;
	margin-bottom: 3%;
}

.hundred {
	margin-bottom: 3.4%;
}

.hundred.bottom {
	float: none;
	clear: both;
}

@media screen and (max-width: 599px) {
	.bilder .left,
	.bilder .right {
		float: left;
		width: 100%;
	}

	.bilder .left,
	.bilder .right {
		margin-left: 0;
		margin-right: 0;
	}
}

/********************************************************************************/

@media only screen and (max-width : 1220px) {
	.logo,
	#main .inside,
	#footer .inside {
	padding-left: 60px;
	padding-right: 60px;
	}
}

@media only screen and (max-width : 991px) {
	#header .mod_onepage_navigation {
	display: none;
	}

	.mobile_menu_trigger {
	z-index: 20;
	position: fixed;
	top: 80px;
	right: 20px;
	width: 25px;
	height: 20px;
/*	background: #ff0000;*/
	}

	.mobilmenulink {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 20px;
/*	background: #00ff00;*/
	}

	.mobilmenulink:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 2px;
	background: #364e6d;
	box-shadow:
		0 8px 0 0 #364e6d,
		0 16px 0 0 #364e6d;
	}
}

@media only screen and (max-width : 767px) {
	.logo {
	padding-top: 30px;
	}

	.mobile_menu_trigger {
	top: 30px;
	}

	#main .inside {
	margin-top: 108px;
	}

	.swiper-container {
	top: 108px;
	height: auto;
	}

	.swiper-container .bild {
	height: 430px;
	}
}

/*@media only screen and (max-width : 450px) {*/
@media only screen and (max-width : 768px) {
	h1,
	#footer h2 {
/*	font-size				: 170%;*/
	font-size				: 130%;
	}

	p,
	#footer li {
/*	font-size				: 110%;*/
	font-size				: 90%;
	}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    body {-webkit-text-size-adjust: 100%;}
}

/********************************************************************************/

/**************************************************************************************************************************/
/*
Theme Name: Friedrichs-Byhahn Steuerberater
Theme URI: https://www.friedrichs-byhahn.de/
Description: CSS File for Main-Menu
Version: 1.0
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/**************************************************************************************************************************/

.mod_customnav {
margin: 0 0 1.4em 0;
}

.mod_customnav ul {
/*font-size				: 100%;*/
/*letter-spacing			: 1px;*/
}

.mod_customnav li {
list-style-type			: none;
color					: #fff;
}

.mod_customnav .level_1 a:link,
.mod_customnav .level_1 a:visited,
.mod_customnav .level_1 .active a:link,
.mod_customnav .level_1 .active a:visited {
/*font-weight				: bold;*/
color					: #fff;
}

.mod_customnav .level_1 a:hover,
.mod_customnav .level_1 a:active,
.mod_customnav .level_1 a:focus {
/*font-weight				: bold;*/
color					: #fff;
text-decoration			: none;
}

.mod_customnav li.active strong {
font-weight				: bold;
color					: #fff;
}

/**************************************************************************************************************************/

.mod_onepage_navigation {
	font-family: 'Abel', 'PT Sans', arial, sans-serif;
	text-transform: uppercase;
	z-index: 15;
/* 	pointer-events: none; */
	position: fixed;
	top: 112px;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: right;
/*	background: #ccc;*/
}

.mod_onepage_navigation ul li {
/* 	pointer-events: auto; */
}

.mod_onepage_navigation li {
	display: inline;
}

.mod_onepage_navigation a::before {
	content: '// ';
	padding: 0 5px 0 4px;
}

.mod_onepage_navigation .first a::before {
	content: '';
	padding: 0;
}

.mod_onepage_navigation a:link,
.mod_onepage_navigation a:visited {
	color: #444e5a;
}

.mod_onepage_navigation a:hover,
.mod_onepage_navigation a:active,
.mod_onepage_navigation a:focus {
	text-decoration: none;
}

@media only screen and (max-width : 1220px) {
	.mod_onepage_navigation {
		width: auto;
		right: 20px;
	}
}

/**************************************************************************************************************************/

.mobile_menu .mod_onepage_navigation {
	position: relative;
	top: 0;
	padding: 20px;
	text-align: left;
/*	background: #ccc;*/
}

.mobile_menu .mod_onepage_navigation li {
	display: block;
	font-size: 200%;
}

.mobile_menu .mod_onepage_navigation a::before {
	content: '';
	padding: 0;
}







