/*
Theme Name: BrehmundBrehm
Theme URI: https://www.brehmundbrehm.de
Author: Mark Beumer
Author URI: https://www.netzfracht.de
Description: n/a
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: simple
Text Domain: 
*/

@import 'MyFontsWebfontsKit.css';

html{ margin-top: 0!important; scroll-behavior: smooth;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

#rechts li{
	margin-bottom: 20px;
	background: url(images/plus.gif) no-repeat ;
	background-position: 4px 4px;
	padding-left: 36px;
}



blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#content img.resize{ width: 100%; height: auto; }
#footer img{width: auto }
img.noresize{ margin-top: 10px}
.logo img { width: 160px; height:auto}
/* Content ---------------------------------------------------------- */



body{
	font-family: 'HelveticaNeueLTStd-Th', sans-serif;
	background-color: #fff;
	font-size:24px;
	line-height: 32px;
	color: #000;
	font-weight: 100;
	letter-spacing: 0.06em;
}


a{
	font-size:24px;
	line-height: 32px;
	color: #000;
	text-decoration: none;
	font-weight: 100;
	}
	

a:hover{
	color: #eb6b59;
	}
 

#navbar {
  background-color: #fff;
  width: 200px;
  height: auto
}

.fixed {
      position: fixed;
      top: 7%;
      left: 7%;
      width: 100%; 
  }

#menu-mainmenu li, #menu-mainmenuenglisch li{
	margin-bottom: 0
}

#menu-mainmenu li a, #menu-mainmenuenglisch li a{
	color: #777!important;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 22px;
	display: block;
}

#menu-mainmenu li a:hover, #menu-mainmenuenglisch li a:hover{
	color: #000!important;
}

.sticky {
  position: fixed;
  top: 100px;
  width: 100%;
}

.sticky + #content {
	top: 400px
}

.lang-item {
  display: inline!important;
  float: left;
  margin: 10px 0 0 0;
}

.lang-item-de {
  margin-right:5px;
}


h1{ font-weight: 300; font-size: 18px; line-height: 22px; color: #9c9a98}	
h2, h3{ font-size: 24px; color: #000; margin: 20px 0 20px 0; text-transform: uppercase}
h4{ font-size: 24px; color: #000; margin: 30px 0 10px 0; text-transform: uppercase}

h2.entry-title{ display:none }

hr{ 
	margin: 60px 0 60px 0;
	border: none;
	border-bottom: dashed 1px #036;
	height: 1px;
	}
	
p{ 
	margin: 0 0 30px 0;
	}
	
strong{ font-weight: 800; color: #000; margin-bottom: 0;}
.page-id-3 strong{ font-weight: bold; color: #000; margin: 20px 0 20px 0; display: block}
.typoklein{ margin-top: 143px; font-size:18px; line-height: 22px; font-weight:300}


/* Container ------------------------------------------------------ */


#container{
	position: relative;
	max-width: 100%;
	margin:0 auto;
	padding:0;
	z-index: 10000;
	
}



#content {
  max-width: 1200px!important;
  background-color: #fff;
  position: relative;
  height: auto;
  background-color: #fff;
  max-width: 100%;
  margin: 0 auto;
  }
  
#inhalt {
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  background-color: #fff
  }
  
#links{
	float: left;
	min-width: 270px;
	height: auto;
	margin-top: 20px;
	padding: 20px 20px 20px 40px;
	text-align: left
	}
	
#rechts{
	float: left;
	width: 70%;
	height: auto;
	text-align: left
	}

#text{ padding: 0 80px 0 0}
	
/* Diverse Klassen ------------------------------------------------- */

.clear{ clear:both; }
.linie{ 
	width: 98%;
	height: 1px;
	border-bottom: 1px dashed #888;
	margin: 0 0 80px 0;
	padding: 70px 0 0 0;
	clear: both;
	}

#footer {
  width: 92%;
  position: relative;
  height: auto;
  text-align: left;
  margin:0 auto;
  height: auto;
  font-size: 16px;
  line-height: 22px;
  color: #aaa;
  margin-bottom: 50px
  }
  
 #footer a{
    font-size: 18px;
    line-height: 22px;
    color: #9c9a98;
	}

 #footer a:hover{
    color: #eb6b59;
	}

  .wp-block-image img {
    max-width: 100%;
	height: auto;
	}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
    display: block!important;
   
}

.slicknav_menu {
	display:none;
}
  
@media screen and (max-width: 1100px) {
#rechts{
	width: 60%;
	}
#text{ padding: 0 30px 0 0}
}


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

#links{
	min-width: 250px;
	}
	
	#rechts{
	width: 60%;
	}
.typoklein{ margin-top: 10px;}

nav.fixed, ul#menu-mainmenu, ul#menu-mainmenuenglisch{ display: block}
}



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


a:after{
	content: "";
	}
	
#footer {
  font-size: 12px;
  line-height: 22px;
  }
  
 #links{ margin: 0 0 250px 0; }
 #links{ float: none; width: 90%;}
 #rechts{ float: none; width: 90%; padding: 0 5% 0 5%;}
 #text{ padding: 50px!important}
 #footer { width: 85%;}
 
 .logotypo{ float: right; margin-top: -20px }
 .logo{ float: left }
 nav.fixed, ul#menu-mainmenu, ul#menu-mainmenuenglisch{ display:none;}{ display:none;}
 
	
	.js .slicknav_menu {
		display:block;
	
	}
}


@media screen and (max-width: 480px) {
#content{
	padding:0;
}
body, a{
	font-size:18px;
	line-height: 26px;
}
#text{ padding:40px!important}
#rechts{ float: none; width: 90%; padding: 0 7% 0 7%;}
h1{ font-weight: 300; font-size: 20px; line-height: 26px; color: #9c9a98}	


#links{ margin: 0 0 0 20px; }
.logotypo{ float: none; margin: -30px 0 30px 0}
 .logo{ float: none }
  .logo img { width: 275px; height:auto; margin-bottom: 30px}
  #footer { width: 75%;}
 nav.fixed, ul#menu-mainmenu, ul#menu-mainmenuenglisch{ display:none;}
  
}