/* 
Bürogemeinschaft Tedesco & Bruns
 
mike lang
10.2023


Source Sans Pro with charsets [latin] and styles [200,300,600,700,regular (400)]

Logo:
27,54,75 		dunkel Petrol
95,154,255,.5	hellblau, 50% deckkraft


*/


/* source-sans-pro-200 - latin */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v21-latin-200.eot'); 
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'),
       url('../fonts/source-sans-pro-v21-latin-200.woff') format('woff'), 
       url('../fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), 
       url('../fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg');
       font-display: swap;
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'),
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), 
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), 
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); 
       font-display: swap;
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v21-latin-600.eot'); 
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), 
       url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), 
       url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), 
       url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); 
       font-display: swap;
}
/* source-sans-pro-700 - latin */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v21-latin-700.eot'); 
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), 
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), 
       url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), 
       url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); 
       font-display: swap;
}


/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playfair-display-v36-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playfair-display-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playfair-display-v36-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playfair-display-v36-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* iphone macht rel kleine texte größer wenn vermutet wird das die schlecht lesber sind. 
   kontrolle zurück: */
body {
	-webkit-text-size-adjust: none; 
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
	font-weight: 300; 
	font-size: 1.1em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}


/*ueberschriften*/
h1,h2,h3 { /*margin: 0 0 1em 0;*/ font-style: normal; color: rgb(5,78,134); }
h1 { line-height: 1.4em; font-family: 'Playfair Display', serif; font-style: normal; font-weight: 400; }
h2 { line-height: 1.4em; font-family: 'Playfair Display', serif; font-style: normal; font-weight: 400; }
h3 { line-height: 1.6em; font-weight: 300; }



h1,h2
{ 
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto; 
}


p,td,ul,ol	{ line-height:1.6em; margin: 0.5em 0 1em; /*font-size: 1.1em;*/ } /*font-size: nur bei body definiert sonst addieren sich die größen;*/

strong { font-style: normal; font-weight: 600; }


/*Links*/
.txt-img a, .txt-img a:link, .txt-img a:visited { text-decoration: underline; text-underline-offset: 0.1em; }


a#trigger { color: #6b6a6a; border-style: none; border-width: 0; padding:0; margin: 0; }




/*Trennlinie (hr)*/
hr {
	border: 0 solid #eeedef;
	border-top-width: 1px;
	height: 0;
	clear: both;
	display: block;
	position: relative;
	top: 25px;
	margin-bottom: 40px;
}

hr:before { 
content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.12);
	background-color: transparent;
	left: -15px;
	bottom: -5px;
 }


/*Listen im Content-Bereich*/

.txt-img ul, 
.txt-img ol { margin: .5em 0 2em 1.1em; padding: 0; list-style-position: outside;  }

.txt-img ul { list-style-type: disc; }
.txt-img ol { list-style-type: decimal; margin: 1em 0 2em 1.4em; }

.txt-img ul li, 
.txt-img ol li { /*line-height:180%; font-weight: 300;*/ }





/*hochzahlen*/
sup { font-size: smaller; vertical-align: super; margin-left: -3px; }
blockquote { color: #b6c4de; }

/*sonderfall*/
/* anfuehrungszeichen */
:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }



#footer_content:after {color: #dedede; display: block; }


/*tabelle*/
table { padding:0; margin:0; border-style: none; border-width: 0; border-spacing:0px; }
table.table td { padding-right: 2em; padding-bottom: 0.5em; }
th { text-align: left; padding-bottom: 1em; }

/* Hervorhebung für Fotograf und Texter und Stefan & Michel */
code { text-transform: uppercase; padding: .2em .5em .2em .5em; font-size: 1.3em; line-height: 2em; }




/* Smartphones */
@media only screen and (min-width: 320px) { 

	hr { width: 80%; margin-left: 35px; }
	h1 { font-size: 1.9em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.3em; }
	table.table { min-width: 600px; overflow: scroll; }

}


/* Smartphones (large z.B iphone 6 od ipad portrait) */
@media only screen and (min-width:667px) {

	table.table { min-width: 600px; overflow: scroll; }
	h1 { font-size: 1.9em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.3em; }
}


/*styles for 1024px and up, u.A. ipad landscape */
@media only screen and (min-width: 1024px){

	h1 { font-size: 2.2em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.4em; }
	
	/*
	.txt > h1,
	.txt > h2  { margin: 0 0 0 0; }
	img + .txt h1,
	img + .txt h2 { margin: 0 0 0 0; }
	*/
}



/*styles for 1200px and up */
@media only screen and (min-width: 1200px){

	h1 { font-size: 2.4em; }
	h2 { font-size: 1.9em; }
	h3 { font-size: 1.5em; }
	/*
	.txt > h1,
	.txt > h2  { margin: 10px 0 0 0; }
	img + .txt h1,
	img + .txt h2 { margin: 0 0 0 0; }
	
	hr { width: 90%; margin-left: 15px; }
	*/

}