/*
Theme Name: BasicDPH
Theme URI: http://designstudio-ph.de/
Author: Designstudio Patrick Heuser
Author URI: http://designstudio-ph.de
Description: Ein super blankes Theme, dass ich als Ausgangsbasis für meine Websites nehme.
Version: 1.0
License: GNU General Public License
*/


/* ---------- Reset -------------------------------------------------------------- */

html {font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
ol, ul {list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; vertical-align:top}
a:hover, a:active {outline: 0;}
a img {border: 0;}
hr{border:none; display:block; height:1px; background-color:#E6E6E6}
img{max-width:100%; height:auto}

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

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

/* old-standard-tt-regular - cyrillic_latin */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/old-standard-tt/old-standard-tt-v12-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'),
       url('/fonts/old-standard-tt/old-standard-tt-v12-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/old-standard-tt/old-standard-tt-v12-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/old-standard-tt/old-standard-tt-v12-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/old-standard-tt/old-standard-tt-v12-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/old-standard-tt/old-standard-tt-v12-cyrillic_latin-regular.svg#OldStandardTT') format('svg'); /* Legacy iOS */
}





/* ---------- Schrifart / Schriftgröße / Line-Height -------------------------------------------------------------- */
body, input, textarea, td, th, .has-normal-font-size, .has-regular-font-size, .has-medium-font-size{font-family:'Lato', arial, helvetica, sans-serif; font-weight:300; font-size:1.3rem !important; line-height:1.85rem;}

h1, h2, h3, h4, h5, h6{font-family: 'Old Standard TT','Georgia','Times New Roman',serif;}
h1{font-size:3rem; line-height:5rem;}
h2, h3, h4{font-size:3rem; line-height:3.7rem;}
h5, h6{font-size:2rem; line-height:2.7rem;}


/* ---------- Text-Highlight -------------------------------------------------------------- */
i, em{font-style:normal; font-weight:400; color:#D12E31}
b, strong{font-weight:400; color:#1E5282;}


/* ---------- HTML-Standard -------------------------------------------------------------- */

body{color:#333; background-color:#fff/*#EEE8DD*/; background-position:center bottom; background-attachment:fixed}

a{text-decoration:underline; color:#1E5282}
a:hover{text-decoration:none; color:#2F6CA5}

h1{color:#F5F4F2; display:block; text-align:center; position:absolute; z-index:9; margin-top:-150px; width:100%; left:0; margin-bottom:0; padding:0; text-shadow: 0px 0px 5px #666}
h2, h3{color:#1E5282; padding-bottom:30px; background-image:url(/wp-content/uploads/2020/02/linie2.png); background-repeat:no-repeat; background-position:bottom center; margin-bottom:30px; text-align:center}
h4{color:#1E5282; padding-top:45px; background-image:url(/wp-content/uploads/2020/02/linie2.png); background-repeat:no-repeat; background-position:top center; margin-bottom:30px; text-align:center}
h5{color:#1E5282; margin:0 0 30px 0; text-align:center}
h6{color:#1E5282; margin:30px 0; text-align:center}

p, ul, ol, .wp-block-media-text{margin-bottom:15px;}
article ul{list-style-type:circle; margin-left:20px}

figure{margin-top:5px}
figcaption{text-align:center; font-size:13px}
figcaption.blocks-gallery-caption{width:100%;}
.wp-block-gallery .blocks-gallery-item figcaption{padding:10px 0 !important}



/* ---------- Layout-Helferlein -------------------------------------------------------------- */
.no{display:none; visibility:hidden; height:0; width:0}

.clear{width:100%; height:0; display:block; clear:both}

.wrapperouter{background-image: linear-gradient(to bottom, #F5F4F2 0%, #fff 200px); padding:40px 0}
.wrapper{width:1200px; margin:0 auto;}

.wp-block-image .alignleft {margin-right: 1.5em !important;}
.wp-block-image .alignright {margin-left: 1.5em !important;}

/* Für Startseite Flattertext */
.wrapsmall{width:49%; margin:0 auto 30px auto}


/* ---------- Header -------------------------------------------------------------- */
header{display:flex; z-index:99; justify-content:right; width:100%; background-color:#F5F4F2; background-image: linear-gradient(to bottom, #F5F4F2 0%, #fff 50px);}

/* Logo  */
.logo{position:absolute; z-index:99; left:20px}
.logo img{width:120px;}


/* ---------- Navigation -------------------------------------------------------------- */
/* MainNavi */
nav.primary{margin-right:2%; width:98%}
nav.primary ul{margin:0; text-align:right}
nav.primary li{display:inline-block; padding:0 10px; position:relative}
nav.primary a{padding:25px 0px 10px 0px; display:block; color:#1E5282; text-decoration:none}
nav.primary li:hover a{text-decoration:none; font-weight:400}
nav.primary li.current-menu-item a, nav li.current-post-ancestor a, nav li.current_page_ancestor a{/*color:#fff*/font-weight:400}

/* SubNavi */
nav.primary li.menu-item-has-children .sub-menu{display:none; position:absolute; width:220px; transition: all 0.3s linear 0s; z-index:99; padding-top:2px}
nav.primary li.menu-item-has-children .sub-menu li{float:none; padding:0; text-align:left; display:block; margin-bottom:2px}
nav.primary li.menu-item-has-children .sub-menu li a{padding:5px 10px; font-size:1.2rem; background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.95); font-weight:300; color:#1E5282}
nav.primary li.menu-item-has-children .sub-menu li a:hover{background-color:#F5F1EB; color:#1E5282; font-weight:400}
nav.primary li.menu-item-has-children:hover .sub-menu{display:block;}
nav.primary li.menu-item-has-children .sub-menu li.current_page_item a {background-color:#F5F1EB; color:#1E5282; font-weight:400}

/* Der letzte Navi-Punkt bei Submenu */
nav.primary li.menu-item-has-children:last-child .sub-menu
{right:0;}

nav.primary li.menu-item-has-children:last-child .sub-menu a
{text-align:right}


/* ---------- Content-Elemente -------------------------------------------------------------- */
/* Hero-Bild */
.hero{display:block; width:100%; height:680px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat}

/* Initial-Buchstabe */
.has-drop-cap:not(:focus)::first-letter{font-size:7em !important; margin: 9px .1em 0 0 !important;}
.has-drop-cap:not(:focus)::first-letter{font-family: 'Old Standard TT','Georgia','Times New Roman',serif; color:#CCB052 /*#EED177*/; }
.has-drop-cap:not(:focus)::first-letter {text-shadow: 4px 4px 0 #E2D9BE; margin-top: 10px !important;}

/* Content-Standardliste */
.wrapper ul li{margin-bottom:10px}
.wrapper ul{list-style-type: circle; margin-left:20px}
.wrapper .wp-block-gallery ul{margin-left:0; list-style-type:none}
.wrapper ul li::marker{color:#CCB052}

/* Content-Standardtabelle */
.wrapper table{border-collapse: collapse; max-width:950px}
.wrapper .tablefullwidth table{max-width:100%}
.wrapper table td{border:2px solid #fff; padding:10px; background-color:#F5F4F2}
.wrapper .wp-block-table{margin-left:0; margin-right:0}
.wrapper td.has-text-align-right, .wrapper td.has-text-align-center{width:120px}

/* Content-Standardbild */
.wp-block-image{margin:0 0 1rem 0}

/* Home-Teaser / Block Cover */
.hometeaser .kt-inside-inner-col{display:flex; justify-content:center; vertical-align:middle}
.hometeaser .has-text-align-center{font-size:28px!important; line-height:2.5rem;}
.hometeaser .has-text-align-center a{color:#F5F4F2; text-decoration:none}
.hometeaser .wp-block-column:not(:first-child) {margin-left: 3px !important;}
.wp-block-cover .wp-block-cover__inner-container{color:#ECE3C6 !important}
.hometeaser .wp-block-cover{padding:0 !important}
.hometeaser p{text-shadow: 0px 0px 20px #000; margin-bottom:0}

/* Aktuelles / Teaser-Darstellung */
.newsteaser{display:flex; margin-bottom:20px; background-color:#F5F4F2}
.newsdate{background-color:#1E5282; padding:0; color:#fff; width:25%; display:flex; align-items:center; justify-content:center}
.newscontent{display:flex; padding:20px; flex-direction:column; width:75%}
.newsdate h6{color:#fff}


/* ---------- Plugin-Elemente -------------------------------------------------------------- */
/* Polylang-Anpassungen */
.widget_polylang ul{display:flex; justify-content:center}
.widget_polylang ul li{padding:5px}
.widget_polylang img{width:22px}


/* ---------- Footer -------------------------------------------------------------- */
footer{background-color:#1E5282; color:#fff; text-align:center; padding:50px 20px}
footer a{color:#fff; text-decoration:none}
footer a:hover{color:#ccc; text-decoration:underline}


/* ---------- Mobil-Section -------------------------------------------------------------- */
/* ---------- Mobil-Section -------------------------------------------------------------- */

@media all and (max-width:1600px) {
body, input, textarea, td, th, .has-normal-font-size, .has-regular-font-size, .has-medium-font-size{font-size:1.2rem !important; line-height:1.7rem !important}
.hero{height:550px;}
}


@media all and (max-width:1225px) {
	.wrapper{width:90%; margin:40px auto 40px auto}
	.hometeaser .has-text-align-center {font-size: 23px !important;}
}

@media all and (max-width:1150px) {
	.hometeaser{flex-wrap: wrap !important;}
	.hometeaser .wp-block-column:not(:first-child) {margin-left: 0px !important;}
	.hometeaser .wp-block-column:nth-child(2n) {margin-left: 4px !important;}
	.hometeaser .wp-block-column {flex-basis: calc(50% - 2px);flex-grow: 0;}
	.hometeaser .wp-block-column{margin-bottom:4px}
}


@media all and (max-width:980px) {
	body, input, textarea, td, th, .has-normal-font-size, .has-regular-font-size, .has-medium-font-size{font-size:1rem !important; line-height:1.5rem !important}
	h1{font-size:2.2em; line-height:3.5rem}
	h2,h3,h4{font-size:2.2em; line-height:3.3rem}
	h5,h6{font-size:1.7em}
	
	.newsdate, .newscontent{width:50%}
}

@media all and (max-width:767px) {
	.nomobile{display:none; visibility:hidden; height:0; width:0}
	.wrapsmall{width:100%; text-align:center !important; margin:0 auto 30px auto}
}

@media all and (max-width:650px) {
	.newsteaser{flex-direction:column}
	.newsdate, .newscontent{width:auto}
	.wp-block-image .alignleft, .wp-block-image .alignright{float:none !important; margin-left:0 !important; margin-right:0 !important}
	.hero{height:350px;}
	.mobileleft{float:left !important; margin-right:30px}
	.mobileright{float:right !important; margin-left:30px}
	.wp-block-image.mobileleft, .wp-block-image.mobileright{width:45% !important; height:auto !important}
}


@media all and (max-width:450px) {

}

@media all and (min-width:980px) {
}