@import url("../twentytwelve/style.css");

/*
 Theme Name:   Artenklima Theme
 Author:       Janina Himmen
 Template:     twentytwelve
*/


/* exo-400 - 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: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/exo-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/exo-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v20-latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-500 - 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: 'Exo';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/exo-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/exo-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v20-latin-500.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-600 - 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: 'Exo';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/exo-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/exo-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v20-latin-600.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-700 - 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: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/exo-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/exo-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v20-latin-700.svg#Exo') format('svg'); /* Legacy iOS */
}




/*
Farben:

f39200	Orange		Logo, Linien, h3 (Versalien), aktiver Menüpunkt, Aufzählungspunkte, Button
6f6e61	Olivgrau	Logo, Back, h2, Menütext
e2e2df	Hellgrau	Back
ffffff	Weiß		Back, Text, Button Text
000000	Schwarz		Text

Font Size:

2 rem	?
1.4rem	Fließtext

Font Weight:

400		Fließtext
500		
600		
700		

*/


/* Grundaufbau: */

body { background-color: #fff; text-align: center } /* Hintergrundfarbe */
body .site { margin: 0 auto; max-width: 100%; padding: 0; } 
#masthead { width: 94%; max-width: 1300px; margin-left: auto; margin-right: auto; text-align: center; }	
#main, .site-info, .wp-block-group__inner-container { width: 94%; max-width: 1300px !important; margin-left: auto; margin-right: auto; }	
.site-content { margin: 0; text-align: center; }
.site-content article { margin-bottom: 0px  }
.entry-header { margin-bottom: 0px; }
footer[role="contentinfo"] { max-width: 100%; padding: 0 0 10px 0; text-align: center; }
.site-header { padding: 0; }
#primary { width: 100%; }
.entry-content p, .entry-content ol, .entry-content li { max-width: 720px; }
p.Linie { border-bottom: 2px solid #f39200; padding-bottom: 10px; margin-bottom: 12px !important }

/* Ausblenden: */

.main-navigation ul.nav-menu, .site-content article, footer[role="contentinfo"] { border: none; } /* Linien entfernen */
body .site, .entry-content img, .widget img, img.wp-post-image, img.header-image { box-shadow: none; } /* Schatten entfernen */
.entry-content img, .widget img, img.wp-post-image { border-radius: 0; } /* abgerundete Bilderecken entfernen */
.entry-meta { display: none; } /* Bearbeiten-Link ausblenden */
#secondary { display: none } 

/* Textformatierungen: */

body, body.custom-font-enabled, .site-info { font-family: 'Exo', sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.4; color: #000000; }
.site-info { color: #6f6e61; font-size: 1.1rem }
.entry-content p, .entry-summary p, .comment-content p { line-height: 1.4; margin: 0 auto 18px auto; }
.site-content article { -webkit-hyphens: none; -ms-hyphens: none; -moz-hyphens: none; hyphens: none; } 
.entry-content h1, .entry-header .entry-title { font-size: 3.4rem; font-weight: 500; line-height: 1.4; color: #6f6e61; margin: 0px auto 30px auto;  }
.entry-content h2 { font-size: 3.5rem; font-weight: 500; line-height: 1.4; color: #6f6e61; margin: 25px auto; }
.entry-content h3 { font-size: 1.5rem; font-weight: 600; line-height: 1.4; color: #f39200; text-transform: uppercase; margin: 30px auto 16px auto; letter-spacing: 0.2rem; }
.entry-content h4 { font-size: 1.5rem; font-weight: 600; line-height: 1.4; color: #000000; margin: 25px auto; }
b, strong { font-weight: 600 }

a, .entry-content a, .entry-content a:visited, .main-navigation li a { color: #f39200; text-decoration: none; font-weight: 500 }
a:hover { color: #f39200; text-decoration: underline }
footer[role="contentinfo"] a { color: #6f6e61; font-weight: 500; text-decoration: underline; font-size: 1rem }
footer[role="contentinfo"] a:hover { color: #000; text-decoration: underline }

.entry-content ol, .entry-content ul { line-height: 1.4; }
.entry-content li { padding-left: 15px; margin: 0 0 16px -15px; }

/* Lists: */

.entry-content li { list-style-type: none; }
.entry-content li::before {content: "•"; color: #f39200; display: inline-block; width: 1em; margin-left: -1em }

/* Hauptmenü: */

.main-navigation { max-width: 1300px; margin-bottom: 60px }
.main-navigation li { margin: 0 15px; border-top: 2px solid orange; border-bottom: 2px solid orange; }
.main-navigation li:first-child { margin-left: 0px }
.main-navigation li:nth-child(5) { margin-right: 0px }
.main-navigation li a { font-size: 1.5rem; font-weight: 500; color: #6f6e61; text-transform: none; line-height: 2.3; padding: 0px 65px; }
.main-navigation li a:hover, .main-navigation li a:focus { font-weight: 500; color: #f39200; background-color: #e2e2df } /* hover */
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { font-weight: 600; color: #f39200; background-color: #e2e2df } 

.mobmenu-content { margin-top: 120px !important; height: calc( 100% - 120px) !Important; }
.mob-menu-right-bg-holder { background-size: 220px auto !important; background-position: center 27px !Important; }
.mobmenu-content li { border-bottom: 1px solid #f39200 }
.mobmenu-content li:first-child { border-top: 1px solid #f39200 }
.mobmenu-right-panel { max-width: 600px !important; }

	
.menu-haupemenue-container { text-align: center }
.main-navigation ul.nav-menu { width: auto !important; margin: auto }



/* Buttons: */

input[type="submit"], input[type="button"], input[type="reset"], .wp-block-button__link {
    padding: 26px 28px 26px 28px !important;
    font-size: 1.5rem !important;
    color: #fff !important;
    background-color: #f39200 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
	line-height: 1.3 !important;
	margin: 16px 10px 5px 10px !Important;
	font-weight: 600 !important;  
	transition: 1s; }
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .wp-block-button__link:hover,
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, .wp-block-button__link:focus,
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .wp-block-button__link:active
	{ color: #fff !important; background-color: #ef6500 !important; background-image: none; box-shadow: none !important; }
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .wp-block-button__link:active,.shared-files-main-elements a.shared-files-download-button:active 
	{ color: #fff !important; }

/* Bilder: */

.wp-block-cover { position: relative; top: 0; width: 100vw; left: 50%; margin-left: -50vw; margin-bottom: 40px; height: 550px; }
img.header-image { width: 68%; max-width: 540px; margin: 50px auto 45px auto; }
.wp-block-media-text__media img { max-height: 280px; width: auto }

/* Sonderfälle: */

.home h1.entry-title, .page-id-299 h1.entry-title { display: none; } /* Home & Arten-Team */
.page-id-367 .entry-content h2 { font-size: 2.6rem} /* Datenschutz */
.page-id-367 .entry-content p, .page-id-367 .entry-content li { max-width: 1300px; text-align: left; } /* Datenschutz */
.page-id-302 input[type="submit"], input[type="button"], input[type="reset"], .wp-block-button__link { padding: 20px 28px 20px 28px !important; } /* Kontakt */

/* Sonstiges: */

hr { background-color: #f39200; height: 2px !important; max-height: 2px; }
.wp-block-column { background: #e2e2df; padding-bottom: 8px }

.wp-block-media-text { border-bottom: 2px solid #f39200; padding-bottom: 24px; margin-bottom: 24px !important }
.wp-block-media-text .wp-block-media-text__content { text-align: left; align-self: start !important; }
.wp-block-media-text .wp-block-media-text__content h3 { margin-top: -4px }
.startgruppe { background: #6f6e61; padding: 50px 0 90px 0 !important; margin-top: -10px !important }
.entry-content .startgruppe  h2 { color: #fff !important; margin: 45px auto 25px auto; }
.entry-content .startgruppe  p { color: #fff !important }
.entry-content .startgruppe  p.oben { letter-spacing: 0.2rem; }
.entry-content .startgruppe  p.breit { max-width: 910px; font-size: 2.2rem; }
.entry-content .startgruppe  p.schmal { max-width: 690px; font-size: 2.2rem; }

/* Mobile: */

@media only screen and (max-width: 1390px) {
#menu-haupemenue { text-align: center !important }	
.main-navigation li a { padding: 0px 28px; }	
}

@media only screen and (max-width: 1170px) {
	.site-content article p, .site-content article li { word-wrap: break-word; -moz-hyphens: auto; hyphens: auto;  }	
	.entry-content h1, .entry-header .entry-title { font-size: 2.8rem; }
}

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

	img.header-image { margin: 16px auto 45px auto; }
	.entry-content .startgruppe  p.breit, .entry-content .startgruppe  p.schmal { font-size: 1.7rem; }
	.mobmenu-right-panel { width: 100% !important; }
}

@media only screen and (max-width: 600px) {
	.entry-content h1, .entry-header .entry-title { font-size: 2.4rem; }
	.wp-block-media-text img { margin-bottom: 30px !important }
}