/* @override 
	https://dev.hamtech.de/fileadmin/templates/css/global.css?* */



:root {
	--color-black: rgba(0, 0, 0, 1);
	--color-white: rgba(255, 255, 255, 1);
	--color-link: rgba(191, 168, 139, 1);
	
		--max-width: 2560px;
	--framespace-small: 20px;
	--framespace-medium: 40px;
	--framespace-large: 80px;
	
	--font-joane: "Open Sans", Arial, Helvetica, Geneva, sans-serif;
	--font-ptserif: "Open Sans", Arial, Helvetica, Geneva, sans-serif;
	--font-roboto: "Open Sans", Arial, Helvetica, Geneva, sans-serif;
	--font-robotocond: "Open Sans", Arial, Helvetica, Geneva, sans-serif;
	--font-roboto-h: "Open Sans", Arial, Helvetica, Geneva, sans-serif;
	--lineheight-h: 120%;
	--lineheight-p: 120%;
	--lineheight-p-large: 168%;
	--lineheight-nav: 120%;

	--font-hI: normal normal 44px/var(--lineheight-h) var(--font-joane);
	--font-hII: normal 700 28px/var(--lineheight-p) var(--font-ptserif);
	--font-hII-roboto: normal 450 34px/var(--lineheight-p) var(--font-roboto);
	--font-hIII: normal normal 50px/var(--lineheight-h) var(--font-joane);
	--font-hIV: normal normal 35px/var(--lineheight-h) var(--font-joane);
	--font-hV: normal 700 20px/var(--lineheight-p) var(--font-ptserif);
	--font-h-header: normal 100 56px/var(--lineheight-p) var(--font-roboto-h);
	--font-h-footer: italic 700 20px/var(--lineheight-p) var(--font-ptserif);
	
	--font-btn-joane: normal normal 22px/var(--lineheight-h) var(--font-joane);
	--font-btn-robotocond: normal 550 18px/var(--lineheight-h) var(--font-robotocond);
	--font-btn-fileupload: normal normal 16px/var(--lineheight-h) var(--font-robotocond);
	
	--font-p-large: normal 200 28px/var(--lineheight-p) var(--font-roboto);
	--font-p-regular: normal 300 20px/var(--lineheight-p) var(--font-ptserif);
	--font-p-small: normal 200 16px/var(--lineheight-p) var(--font-roboto);
	--font-p-extrasmall: normal 200 12px/var(--lineheight-p) var(--font-roboto);
	
	--font-mainnav: normal normal 20px/var(--lineheight-nav) var(--font-roboto);
	--font-subnav: normal normal 20px/var(--lineheight-nav) var(--font-roboto);
	--font-logo: normal 700 20px/var(--lineheight-nav) var(--font-roboto);
	--font-footernav: italic 700 16px/var(--lineheight-nav) var(--font-ptserif);
	--font-mobilenav: normal normal 28px/var(--lineheight-nav) var(--font-joane);
	--font-mobilesubnav: italic 700 20px/var(--lineheight-nav) var(--font-ptserif);
	--font-mobilesubsubnav: italic 700 16px/var(--lineheight-nav) var(--font-ptserif);
	--font-form: normal 250 16px/var(--lineheight-p) var(--font-roboto);
	--font-form-btn: normal 500 16px/var(--lineheight-p) var(--font-roboto);
	
	
	--letterspacing-s: .0em;
	--letterspacing-m: .07em;
	--letterspacing-l: .2em;
	--letterspacing-p: .07em;
	--letterspacing-hrobot: .5em;
	--letterspacing-hIIrobot: .15em;
	
	--transition: 0.3s; 
	
		
}



/* @group General */

html, body {
	height: 100%;
	background-color: var(--color-white);
}


html, body, .ce-bodytext p {
	color: var(--color-green);
	font: var(--font-p-regular);
	/*-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;*/
	margin-top: 0;
}

.ce-bodytext p {
	letter-spacing: var(--letterspacing-p);
	line-height: var(--lineheight-p-large);
}

.pagebeige {
	/*background-color: var(--color-gold-V);*/
}

/* @group Bugfix Browser Font display */

html {
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}

/* @end */

p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: var(--letterspacing-s);
}

.ce-bodytext p {
	padding-bottom: 20px;
}

.ce-bodytext p:last-child {
	padding-bottom: 0;
}

.ce-bodytext p em {
	font-style: italic;
}

.ce-bodytext p strong {
	font-weight: 700;
}

.ce-bodytext p strong em,
.ce-bodytext p em strong {
	font: var(--font-hV);
	font-style: italic;
	font-weight: 700;
}

.ce-bodytext ul {
	list-style-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/ul_bullet.gif);
	padding-left: 20px;
	/*padding-right: 40px;*/
	padding-bottom: 20px;
}
.ce-bodytext ul li {
	padding-left: 10px;
	letter-spacing: var(--letterspacing-p);
}

.ce-bodytext ol {
	margin-top: 0px;
	margin-bottom: 20px;
}

.ce-bodytext ol li {
	letter-spacing: var(--letterspacing-p);
}

.ce-bodytext ol:last-child {
	margin-bottom: 0px;
}

figcaption.image-caption {
	text-align: center;
	padding-top: 10px;
	font: var(--font-p-small);
}

a,
.ce-bodytext a,
.ce-bodytext ul li a {
	
	color: var(--color-green);
}

.ce-bodytext a:hover {
	color: var(--color-link);
}

.frame-layout-102 .ce-bodytext a {
	color: var(--color-gold);
}

.frame-layout-102 .ce-bodytext a:hover {
	color: var(--color-white);
}

h1 {
	font: var(--font-hI);
	color: var(--color-green-I);
	padding-bottom: 20px;
	margin-top: 0;
	width: 80%;
	text-transform: uppercase;
}

h2 {
	font: var(--font-hII);
	padding-bottom: 20px;
	color: var(--color-green-I);
}

.frame-layout-4 h2 {
	font: var(--font-hII-roboto);
	padding-bottom: 20px;
	color: var(--color-green-I);
	text-transform: uppercase;
	letter-spacing: var(--letterspacing-hIIrobot);
}

h3 {
	font: var(--font-hIII);
	padding-bottom: 40px;
	color: var(--color-green-I);
}

h4 {
	font: var(--font-hIV);
	color: var(--color-green-I);
	padding-bottom: 40px;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.frame-space-before-small {
	margin-top: var(--framespace-small);
}

.frame-space-after-small {
	margin-bottom: var(--framespace-small);
}

.frame-space-before-medium {
	margin-top: var(--framespace-medium);
}

.frame-space-after-medium {
	margin-bottom: var(--framespace-medium);
}

.frame-space-before-large {
	margin-top: var(--framespace-large);
}

.frame-space-after-large {
	margin-bottom: var(--framespace-large);
}

.ce-bodytext hr {
	border-top: 1px solid var(--color-gold);
	width: 160px;
	margin-top: 20px;
	margin-bottom: 60px;
}



span.txt-white {
	color: var(--color-white);
}

/* @end */

/* @group LAYOUT
 */

/* @group Header */

div#header 
{

	width: 100%;
	display: inline-block;
	padding-top: 15px;
	height: 80x;
	background-color: black;
	padding-bottom: 15px;
	float: left;
	position: fixed;
}

div#header div.header-inner {
	padding: 0 30px;
	max-width: 1280px;
	margin: 0 auto;
}

div#header div.header-inner div.logo {
		font: var(--font-logo);
	width: 300px;
	float: left;
	margin-right: 100px;
}
div#header div.header-inner div.mainmenu-wrapper {
	float: left;
}
div#header div.header-inner div.mainmenu-wrapper div.mainmenu ul {
	font: var(--font-mainnav);
	list-style-type: none;
	margin: 0;
	padding: 40px 0 0;
}

div#header div.header-inner div.mainmenu-wrapper div.mainmenu ul li {
	display: inline-block;
	margin-right: 60px;
	margin-left: 0;
}

div#header div.header-inner div.mainmenu-wrapper div.mainmenu ul li a {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: var(--color-white);
}
div#header div.header-inner div.mainmenu-wrapper div.mainmenu ul li a:hover { 
color: var(--color-link);
}
div#header div.header-inner div.mainmenu-wrapper div.mainmenu ul li.aktiv a {
	font-weight: bold;
	text-decoration: none;
	color: var(--color-link);
}
div#header div.header-inner div.logo a{
	font-weight: bold;
	text-decoration: none;
	color: white;
}
/* @end */

/* @group CONTENT */


div#wrapper {

 min-height: calc(100vh - 200px);
 padding-top: 100px;
}
.footer {
  height: 80px;
}
div#wrapper-inner {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 80px;
	height: 20px;
}
div.submenu {
	width: 400px;

	float: left;
	padding-top: 6px;
}
.main-content {
	
	width: calc(100% - 400px);
	float: right;

}

div#content div.submenu ul  {
	font: var(--font-subnav);
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#content div.submenu ul li.aktiv a {
	text-decoration: none;
	font-weight: bold;
}
div#content div.submenu ul li  {
	padding-bottom: 20px;
}
div#content div.submenu ul li a {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

div#content div.submenu ul li a:hover {
color: var(--color-link);

}
/* @group FOOTER
 */
 
 body footer.footer div.footerwrapper div.footerwrapper-inner  {
 	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
 	
 }
body footer.footer div.footerwrapper div.footerwrapper-inner ul  {
	display: inline-block;
	padding: 0;
	list-style-type: none;
}
div.footerwrapper-inner ul li {
	display: inline-block;
	padding-right: 30px;
}
div.footerwrapper-inner ul li a {
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
}
/* @end */


div.ce-column figure {
	width: 100%;
	height: auto;
}
div.ce-column figure.image img.image-embed-item {
	width: 100%;
	height: auto;
}
/* @end */



/* @end */

/* @group Srartseite */

div#wrapper-start {
	width: 100%;
	height: 50vh;
}

div.main-content_left {
	width: 50%;
	height: 50vh;
	float: left;
}

div.main-content_right {
	width: 50%;
height: 50vh;
		float: left;
}
/* @end */