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

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

Content Text Breite: 1260px

400 = Fließtext, h2 (Castoro)
500 = h1 (Castoro, nicht verwendet?)
600
700 = strong, h3

*/


/* castoro-regular - latin */
@font-face {
  font-family: 'Castoro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/castoro-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/castoro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/castoro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/castoro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/castoro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/castoro-v18-latin-regular.svg#Castoro') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}





/* Grundaufbau: */

body { background-color: #fff; } /* Hintergrundfarbe */
body .site { margin: 0 auto; max-width: 100%; padding: 0; } /* Abstände oben und unten entfernen, Breite weiter als 960px */
#primary { margin: auto; width: 100%; }
#content article { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.entry-header { margin-bottom: 5px; }
.entry-header img { width: 100% }
.entry-content { text-align: center !Important; width: 94%; max-width: 1260px; margin-left: auto; margin-right: auto;} /* max. Breite aller Elemente 1260px */
.home .entry-content { width: 100%; max-width: 1345px; }	/* Home: max. Breite aller Elemente 1345px */

/* 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 { box-shadow: none; } /* Schatten entfernen */
.entry-content img, .widget img, img.wp-post-image { border-radius: 0; } /* abgerundete Bilderecken entfernen */
.entry-meta, h1.entry-title { display: none; } /* Bearbeiten Link & Headlines ausblenden */
.home footer[role="contentinfo"] { display: none; } /* Footer auf Startseite ausblenden */ 

/* Allgemeine Textformatierung: */

body, body.custom-font-enabled { font-size: 100%; font-family: 'Open Sans', sans-serif; line-height: 1.6; color: #828282; font-weight: 400; } /* Font Size = 16px = 1em */
b, strong { font-weight: 700 }
.entry-content a, .entry-content a:visited { outline: none; color: #91b89b; text-decoration: none; }
.entry-content a:hover { color: #91b89b; text-decoration: underline }
.entry-content p, .wpcf7 { width: 90%; max-width: 1000px; margin: 0.5em auto; text-align: left; line-height: 1.5; display: inline-block;  }
p.has-text-align-center { text-align: center; }
.site-content article p { word-wrap: normal; -moz-hyphens: auto; hyphens: auto; }
div.site-info { font-size: 1rem; color: #698C71; font-weight: 500 }

/* Headlines: */

.entry-content h1, .comment-content h1, .mu_register h1 { font-family: 'Castoro', serif; font-size: 2.7rem; line-height: 1.6; margin: 0px 0 18px 0; font-weight: 400; color: #698C71; }
.entry-content h2, .comment-content h2, .mu_register h2 { font-family: 'Castoro', serif; font-size: 2.2rem; line-height: 1.6; font-weight: 400; color: #698C71; }
.entry-content h3, .comment-content h3, .mu_register h3, .wp-block-media-text strong { font-size: 1.3rem; line-height: 1.6; font-weight: 700; margin: 0px auto; color: #698C71 }
h2 { display: grid; grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr); align-items: center; text-align: center; grid-gap: 20px; width: 100%; }
h2:before, h2:after { content: ''; border-top: 2px solid; }
.page-id-15 .wp-block-column strong { text-align: center; font-size: 1.2rem; line-height: 1.6; color: #698C71; margin: 0 auto -15px auto; display: block }
.wp-block-media-text strong, .page-id-11 .wp-block-column strong, .page-id-15 .transparentespalten .wp-block-column strong { text-align: left; font-size: 1.2rem; line-height: 1.6; color: #698C71; margin: 0 auto -15px auto; display: block; }

/* Block Zitate: */

.entry-content blockquote { font-family: 'Castoro'; font-size: 1.5em; width: 90%; max-width: 1000px; margin: 2em auto 1.9em auto; color: #9DABAF; padding: 0px !important; }
.entry-content blockquote p { width: 100%; text-align: center; line-height: 1.8; margin: 0 auto 0.5em auto; }
.entry-content blockquote a, .entry-content blockquote a:visited { text-decoration: underline; color: #698C71 }
.entry-content blockquote a:hover { color: #91b89b }
.entry-content blockquote p { word-wrap: none; -moz-hyphens: none; hyphens: none; }
.entry-content blockquote cite { font-size: 0.8em; font-style: normal; }
.page-id-11 .entry-content blockquote, #grosseszitat { font-size: 2.6em !important; max-width: 660px; margin: 1em auto 1em auto; } /* große Zitate */
#grosseszitat { max-width: 740px; } /* große Zitate */
.page-id-11 .entry-content blockquote p, #grosseszitat p { line-height: 1.3; margin-bottom: 0; } /* große Zitate */
.page-id-11 .entry-content cite { font-size: 1.2rem; margin-top: 0 } /* Über mich */
.entry-content li { line-height: 1.5; margin: 0 }

/* Block Spalten / Passive Kacheln: */

.wp-block-column { background-color: #e6f0e9; padding: 1.5em 0; }
.wp-block-column p  { text-align: center; max-width: 460px; margin-bottom: 1.3em } 
.wp-block-column .wp-block-image { margin-bottom: 0; }
.wp-block-column .wp-block-image img { height: 50px; width: auto; margin: 1.3em auto 0 auto }

.page-id-13 .wp-block-columns { width: 90%; max-width: 1000px; margin: auto; } /* Kontakt */
.page-id-15 .wp-block-columns p { text-align: left; }
.page-id-15 .transparentespalten .wp-block-column { background-color: transparent !important; }
.page-id-11 .wp-block-column { text-align: left; padding: 1.5rem 2rem; } /* Über mich */
.page-id-11 .wp-block-column ul { margin: 1rem 0 0.5rem 0 }
.page-id-11 .wp-block-column li { margin-left: 1rem }
.page-id-11 .wp-block-column li strong { display: inline-block; font-size: 1em; color: #828282;  }
.page-id-11 #Eigenschaften #spalte1, .page-id-11 #Eigenschaften #spalte3 { max-width: 240px }  /* Über mich */
.page-id-11 #Eigenschaften #spalte2 { padding:0 !important }  /* Über mich */
.page-id-11 #Eigenschaften ul { list-style-image:url(https://nadinamartins.com/wp-content/uploads/haken.png); margin: 1rem 0 1rem 25px; }
.page-id-11 #Eigenschaften li { font-size: 1.2rem; line-height: 5; vertical-align: middle; padding-left: 7px; }
.page-id-11 #cv1 p { text-align: left; margin: 0.5rem auto; max-width: 100%; width: 100% }
.page-id-11 #cv1 strong { display: inline-block; font-size: 1rem; color: #828282; }
.page-id-11 #cv1 h3 { margin-bottom: 6px }
.page-id-11 #cv1 .wp-block-image { text-align: center }
.page-id-11 #cv1 .wp-block-image img { height: 160px; margin: 20px auto 10px auto }



/* Block Media + Text: */

.wp-block-media-text.has-media-on-the-right { -ms-grid-columns: 1fr 40%; grid-template-columns: 1fr 40%; }
.wp-block-media-text { max-width: 870px; margin: auto; }
.wp-block-media-text__media { text-align: right; }
.wp-block-media-text__media img { max-width: 280px }
.wp-block-media-text__content { padding: 0 !important }
.wp-block-media-text__content p { width: 100%; }

/* Slider: */

#ref-text { max-width: 410px; margin: 0 auto; }
.white { margin: 2.7em auto 2.6em auto !important; display: block !important; background: #e6f0e9 !important }
.sa_hover_container { background: #e6f0e9 !important; max-width: 955px; margin: auto !important; }
.white p { text-align: center !important }
.white strong, .white h3, .white img { text-align: center !important; margin: auto !important }
.white strong { margin: 0.2em auto 1.6em auto !important; display: block }
.white em { margin: 0.5em auto 0 auto !important; display: block; }
.white img { margin: 0 auto 0.5em auto !important; display: block !important }

/* Kontaktformular: */

#kontakt-text { max-width: 410px; margin: 0 auto; }
.wpcf7 { margin-top: 30px; background: #e6f0e9; padding: 40px 0 40px 0 }
.wpcf7 div.kontakt { width: 400px; display: inline-block; text-align: left; vertical-align: top; }
.wpcf7 div.rechts { float: right; width: 44%; margin-right: 50px  } 
.links label { display: inline-block; width: 100%; margin: 12px 0 }
.links .wpcf7-form-control-wrap { display: inline-block; position: static; width: 320px !important; float: right }
.links input.wpcf7-text { margin: 0; width: 320px }
input.wpcf7-form-control { }
.wpcf7-form-control:focus {  outline: none !important; border:1px solid #698C71 !important }
textarea.wpcf7-form-control { width: calc(100% - 11px); height: 165px }
.wpcf7-list-item { display: inline-block; margin: 0; }
#checkbox { margin-top: -7px !important; display: block; margin-bottom: 10px }
#checkbox .wpcf7-list-item-label { margin: 0 20px 0 0; font-size: 1.4em; font-weight: 700; display: inline-block; }
.links .acceptance-769 { width: 100% !important; margin-top: 6px; }
.rechts { padding-top: 12px }
.links { margin-left: 50px }

/* Button: */

input[type="submit"], input[type="button"], input[type="reset"] {
    padding: 6px 10px;
    font-size: 1em;
    font-weight: 500;
    color: #e6f0e9;
    background-color: #698C71;
    background-image: none;
    border: none;
    border-radius: 3px;
    box-shadow: none;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    color: #fff;
    background-color: #3c5441;
    background-image: none;
    border: none;
    box-shadow: none;
}

/* Home: */

.home .apofit, .home .apohelp, .home .kontakt { width: 30%; display: inline-block; padding: 8px; margin: 0; }
.home img { width: 100%, height: auto; padding: 0; margin: 8px 0; }
.home .apofit img { background-color: #f0e5e1; }
.home .apofit img:hover { background-color: #f7f1ee  }
.home .apohelp img { background-color: #dae3e6; }
.home .apohelp img:hover { background-color: #eaf0f2  }
.home .kontakt img { background-color: #d6e8dc; }
.home .kontakt img:hover { background-color: #e6f0e9  }

/* Footer: */

footer[role="contentinfo"] { margin-top: 0; padding-top: 0; }
.site-info { text-align: center; border-top: 2px solid; color: #698C71; max-width: 200px; margin: 0 auto; padding-top: 10px; }
.site-info img { width: 32px; height: 32px; margin: 0 4px; vertical-align: middle }
.site-info img:hover { opacity: 0.6 }
.page-id-17 .site-info { margin-top: 10px }

/* Menu Icons */

.iconhome { background-image: url("https://nadinamartins.com/wp-content/uploads/home.png"); position: fixed; top: 18px; right: 22px; width: 40px; height: 30px; z-index: 99999; } /* 698C71 */
.iconhome:hover { background-image: url("https://nadinamartins.com/wp-content/uploads/home2.png"); width: 40px; height: 30px;  }
.home .iconhome { display: none !important }
.iconuebermich { display: none }
.home .iconuebermich { background-image: url("https://nadinamartins.com/wp-content/uploads/uebermich.png"); position: fixed; top: 19px; right: 22px; width: 40px !important; height: 30px; z-index: 99999; display: block }
.home .iconuebermich:hover { background-image: url("https://nadinamartins.com/wp-content/uploads/uebermich2.png"); width: 40px; height: 30px;  }
.mobmenul-container:hover i, .iconhome:hover { color: #3c5441; }

/* Datenschutz */

.page-id-19 .entry-content h3, .page-id-19 .entry-content h4, .page-id-19 .entry-content ul { margin: 10px auto; text-align: left; width: 90%; max-width: 1000px;}

/* Sonderfälle */

.hinweis { background: #f0e5e1; padding: 10px; text-align: center !important; font-size: 1.3rem; font-weight: 600; color: #b78d89 }


@media only screen and (max-width: 1400px) {
	.home #content article { margin-top: 50px; }
	.home .iconuebermich { right: 3.3%;	}
	.mobmenul-container { left: 3.1%; margin-left: 0px !important; }
	[class^="mob-icon-"]::before, [class*=" mob-icon-"]::before { margin-left: 0 !important; }
}

@media only screen and (max-width: 1024px) {
	.home #content article { margin-top: 39px; }	
	.home .iconuebermich { right: 10px;	top: 12px; }
	.mobmenul-container { left: 10px !important; top: 10px !important; }	
}

@media only screen and (max-width: 600px) {
	.home #content article { margin-top: 50px; }	
	.home .apofit, .home .apohelp, .home .kontakt { width: 100%; padding: 0; }
	.home img { width: 40%; margin: 4px; }
	.entry-content h2, .comment-content h2, .mu_register h2 { font-size: 1.7em; line-height: 1.3  }
	.entry-content blockquote { font-size: 1.1em }
	.wp-block-media-text__media { text-align: center; } 
	.wp-block-media-text__media img { margin: 0 auto 0.3em auto !important; display: block; }
	.wp-block-media-text { margin-bottom: 2em !important }
	.entry-content { width: 90%; }
	#ref-text { max-width: 100%; text-align: left; width: 100% }
	h2 { grid-gap: 10px }
	.wp-block-column { border-bottom: 0.5em solid #ffffff;border-top: 0.5em solid #ffffff; padding: 0.5em 0; max-width: 100% !important }
	.wp-block-columns { display: flex; margin-bottom: 0; }
	.sa_hover_container { max-width: 80%; }
	.links input.wpcf7-text, .links .wpcf7-form-control-wrap, .links label { width: 92% !important; display: block !important; float: none !important; }
	.links label { margin: 0; }
	.wpcf7 div.links, .wpcf7 div.rechts { margin-left: 20px;  margin-right: 10px; float: none; width: 92% !important; display: block !important; }
	textarea.wpcf7-form-control { width: 94%; }
	.wpcf7-validates-as-required { padding-top: 12px !important }
	.wpcf7-validates-as-required label { width: 100% !important }	
	h2:before, h2:after { content: ''; border-top: none; }	
	
	#Eigenschaften #spalte1 strong, #Eigenschaften #spalte3 strong { font-size: 1.6rem !important }
	
	.iconhome { display: none !important	}
	.home .iconuebermich { display: none !important }
	.mobmenul-container { top: 15px; margin-left: 11px; margin-top: 0px; height: 50px; float: left; }
	.mobmenul-container i { line-height: 35px; font-size: 35px; float: left; }
	.page-id-11 .entry-content blockquote, #grosseszitat { font-size: 2.1em !important; }
	
	
	.page-id-15 .transparentespalten .wp-block-column:first-child { margin-bottom: -30px !important } /* Apofit ABstand zwischen Spalten */

	
	.entry-content p, .wpcf7, .page-id-13 .wp-block-columns, .entry-content blockquote { width: 98%; }
	.links input.wpcf7-text, .links .wpcf7-form-control-wrap, .links label { width: 98% !important; }

}

@media only screen and (max-width: 460px) {
	.wp-block-media-text__media img { max-width: 100%; }	
}

@media only screen and (max-height: 700px) {
	.mobmenu-content li.menu-item-object-custom { display: none !important; }
}

	


.mobmenu-content li.menu-item-type-custom a { padding: 10px 20px 10px 40px !important }
.wp-block-cover { width: 90% !important; margin: auto; max-width: 1000px !important; }
.wp-block-cover { width: 100%; position: relative; max-width: 100%; min-width: 100%; left: 0% }

/*Farben
--------

Neutrales Grau:
#828282 - Fließtext
#5B5B5B - Unterschrift im Logo

Neutrales Grün:
#698C71 - Überschriften, Linien, Dunkelgrüne Logo-Elemente, Menü-Icon, Button, Umrandung Formularfelder
#91b89b - Links, hellgrüne Logo-Elemente
#d6e8dc - anklickbare Kacheln 
#e6f0e9 - passive Kacheln, hover Effekt bei anklickbaren Kacheln, Button Schrift

ApoFit Farbe:
#CBA08A - ApoFit Logo-Elemente, ApoFit Einführungstext
#f0e5e1 - ApoFit Kachel
#f7f1ee - hover Effekt bei ApoFit Kachel

ApoHelp Farbe:
#9DABAF - ApoHelp Logo-Elemente, ApoHelp Einführungstext
#dae3e6 - ApoHelp Kachel
#eef3f6 - hover Effekt bei ApoFit Kachel

*/