/*
 Theme Name:   Modellvorhaben-SE (Twenty Seventeen Child)
 Theme URI:    http://Startseite.de/
 Description:  Twenty Seventeen Child Theme
 Author:       et-agentur
 Author URI:   http://et-agentur.de/
 Template:     twentyseventeen
 Version:      1.0.0
 Tags:         Schlagwörter
 Text Domain:  Modellvorhaben-SE
*/
/* 24. Mai 2026 12:34 */
 
@import url("../twentyseventeen/style.css");

html { scroll-behavior: smooth; }
 
/* = CSS
-------------------------------------------------------------- */
/* Colors
-------------------------------------------------------------- */
:root {
--gruen: #99CC00;
--blau: #4F81BD;
--petrol: #006B95;
--flieder: #ECB2D5;
--dark: #22262a;
--middle: #4e5155;
--light: #7a7d7f;
--verylight: #e9e9ea;
--white: #ffffff;
--head: #17375E;
--subhead: #604A7B;
--flieder-bgr-gradient:	linear-gradient(90deg,rgba(200, 187, 214, 1) 0%,rgba(255, 239, 247, 0.76) 50%,rgba(200, 187, 214, 1) 100%);
--blaugrau-bgr-gradient: linear-gradient(0deg,rgba(23, 55, 94, 1) 0%,rgba(23, 55, 94, .75) 100%)
}
.has-mv-se-gruen-color {color: #99CC00}
.has-mv-se-gruen-background-color {background-color: #99CC00}
.has-mv-se-blau-color {color: #4F81BD}
.has-mv-se-blau-background-color {background-color: #4F81BD}
.has-mv-se-petrol-color {color: #006B95}
.has-mv-se-petrol-background-color {background-color: #006B95}
.has-mv-se-flieder-color {color: #ECB2D5}
.has-mv-se-flieder-background-color {background-color: #ECB2D5}
.has-mv-se-dark-color {color: #22262a}
.has-mv-se-dark-background-color {background-color: #22262a}
.has-mv-se-middle-color {color: #4e5155}
.has-mv-se-middle-background-color {background-color: #4e5155}
.has-mv-se-light-color {color: #7a7d7f}
.has-mv-se-light-background-color {background-color: #7a7d7f}
.has-mv-se-verylight-color {color: #e9e9ea}
.has-mv-se-verylight-background-color {background-color: #e9e9ea}
.has-mv-se-white-color {color: #ffffff}
.has-mv-se-white-background-color {background-color: #ffffff}
.has-mv-se-head-color {color: #17375E}
.has-mv-se-head-background-color {background-color: #17375E}
.has-mv-se-subhead-color {color: #604A7B}
.has-mv-se-subhead-background-color {background-color: #604A7B}

.has-flieder-bgr-gradient-background { background-image: linear-gradient(90deg,rgba(200, 187, 214, 1) 0%,rgba(255, 239, 247, 0.76) 50%,rgba(200, 187, 214, 1) 100%) }
.has-blaugrau-bgr-gradient-background { background-image: linear-gradient(0deg,rgba(23, 55, 94, 1) 0%,rgba(23, 55, 94, .75) 100%) }
/* Header */
.site-header	{ background-image:url(/wp-content/themes/Modellvorhaben-SE/Modellvorhaben-SE.webp);background-size: cover;background-position: 45% center;}
@media screen and (max-width: 47.999em) { .site-header	{margin-bottom: -2px;} }
.custom-header	{ height:400px;max-height:60vh; margin-bottom:71px}

.site-branding-text	{ padding-top: 40px }
.site-branding-text .site-title	{ line-height: 1; }
.site-branding-text .site-title a { color: var(--head)}
.site-branding-text .site-description { color: var(--subhead); font-weight: 600 }

@media screen and (max-width: 30em) {
	.site-branding-text .site-title	{ margin-bottom:4px }
	.site-branding-text .site-title a { font-size: 14px !important; }
	.site-branding-text .site-description { font-size: 12px !important }
}
@media screen and (min-width: 30em) and (max-width: 40em) {
	.site-branding-text .site-title a { font-size: 16px !important }
	.site-branding-text .site-description { font-size: 12px !important }
}
@media screen and (min-width: 40em) and (max-width: 48em) {
	.site-branding-text .site-title a { font-size: 22px !important }
	.site-branding-text .site-description { font-size: 16px !important }
}
@media screen and (min-width: 48em) and (max-width: 64em) {
	.site-branding-text .site-title a { font-size: 25px !important }
	.site-branding-text .site-description { font-size: 18px !important }
}
@media screen and (min-width: 64em) and (max-width: 76em) {
	.site-branding-text .site-title a { font-size: 30px !important }
	.site-branding-text .site-description { font-size: 22px !important }
}
@media screen and (min-width: 76em) {
	.site-branding-text .site-title a { font-size: 36px }
	.site-branding-text .site-description { font-size: 26px }
}
/* END Header */

/* Footer */
.site-footer	{ background: #C8BBD6; background: var(--flieder-bgr-gradient) }
.site-footer *:not(.wrap):last-child	{ margin-bottom:0; padding-bottom:0 }
.site-footer .widget-area	{ padding: 0}
.site-footer .site-info	{width: 100%; text-align: center}
/* END Footer */

/* Navigation */
.navigation-top { background: #C8BBD6;
background: linear-gradient(90deg,rgba(200, 187, 214, 1) 0%, rgba(255, 239, 247, 0.76) 50%, rgba(200, 187, 214, 1) 100%);
border-width: 0px }
.navigation-top.site-navigation-fixed	{ z-index:1001 }

/* aktives Element */
@media screen and (max-width: 64em) {
	.navigation-top .main-navigation a { padding: 1em .8em; }
}
.navigation-top .main-navigation a { color: var(--head) }
.navigation-top .main-navigation .current-menu-item > a,
.navigation-top .main-navigation .current_page_item > a { color: var(--subhead) }
.navigation-top .main-navigation a:hover { color: var(--petrol) }

/* Internal / Login */
.navigation-top a[href*="/login/"]:before { margin-right: 10px; content: "\f023"; font-family: "fontawesome"; font-size:16px; font-size:1rem }
/* Donwloads */
.navigation-top a[href*="/downloads/"]:before { margin-right: 6px; content: "\f09c"; font-family: "fontawesome"; font-size:16px; font-size:1rem; }
/* logout */
.navigation-top a[href*="/wp-login.php?action=logout"]:before { margin-right: 10px; content: "\f08b"; font-family: "fontawesome"; font-size:16px; font-size:1rem }

@media screen and (min-width: 48em) {
	.navigation-top a[href*="/wp-login.php?action=logout"]	{ font-size:0 }
}

/* End Navigation */

/* full width */
body.page-template-template-full-width #content #primary {
	max-width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header,
body.page-template-template-full-width #content #primary .entry-content {
    float: none;
    width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header {
    margin-bottom: 4em;
}
body.page-template-template-login #content #primary {
	max-width: 100%;
}

body.page-template-template-login #content #primary .entry-header,
body.page-template-template-login #content #primary .entry-content {
    float: none;
    width: 100%;
}

body.page-template-template-login #content #primary .entry-header {
    margin-bottom: 4em;
}
/* END full width */

/* Typographie */
.page .panel-content .entry-title,
.page-title, body.page:not(.twentyseventeen-front-page) .entry-title	{
	font-size: 20px;
	font-size: 1.25rem;
	}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6	{ color: #1F497D; font-weight: 600}

/* END Typographie */

/* Allgemein */
body.page-template-template-full-width #content #primary .entry-header { margin-bottom: 1em }
body.home .entry-header	{ display: none }
.wp-block-column *:last-child	{ margin-bottom: 0 }
a.diss:hover	{ cursor: default ! important; }
/* a.diss öffnet Untermenü */
a.diss + button.dropdown-toggle:before	{ content:""; width:calc(100vw - 3.39em - 22px); height: 100%; display:inline-block; left:calc(3.39em + 22px - 100vw); top:0; position:absolute}
/* end a.diss öffnet Untermenü */
.wp-block-group.has-background	{ padding: 16px }

/* Download-Monitor */
.custom-dlm-box::before {
	content:"";	display: inline-block;
	background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/empty.svg);
	background-size: contain; background-repeat: no-repeat;
	width: 28px; height: 28px; margin-right: 2px;
	position: relative; top: 5px;
}
/* Download-Monitor Filetypes */
.custom-dlm-box	{ margin-bottom:16px }
.custom-dlm-box small span	{ margin-left: 16px }
.custom-dlm-box.PDF:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/pdf-simple.svg) }
.custom-dlm-box.DOC:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/doc.svg) }
.custom-dlm-box.DOCX:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/docx.svg) }
.custom-dlm-box.XLS:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/xls.svg) }
.custom-dlm-box.XLSB:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/xlsb.svg) }
.custom-dlm-box.XLSX:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/xlsx.svg) }
.custom-dlm-box.PPT:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/ppt.svg) }
.custom-dlm-box.PPTX:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/pptx.svg) }
.custom-dlm-box.RAR:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/rar.svg) }
.custom-dlm-box.ZIP:before { background-image: url(/wp-content/themes/Modellvorhaben-SE/file-icons/zip.svg) }

/* Download Monitor Listen Ausgabe [downloads category="sonstiges"] */
.dlm-downloads.wp-block-list { list-style: none }

/* Startseite */
@media screen and (max-width: 64em) {
	.col1-1024	{ flex-wrap:wrap !important }
	.col1-1024 .wp-block-column	{ flex-basis: 100% !important }
}

.stk-block-heading:first-child style + .stk-block-heading__text:not([contenteditable]) { padding-top: 0 }

/* margins und paddings */
.mb_0	{ margin-bottom:0px !important}
.mb_5	{ margin-bottom:5px !important}
.mb_10	{ margin-bottom:10px !important}
.mb_15	{ margin-bottom:15px !important}
.mb_20	{ margin-bottom:20px !important}
.mb_30	{ margin-bottom:30px !important}
.mb_40	{ margin-bottom:40px !important}
.pb_0	{ padding-bottom:0px !important}
.pb_5	{ padding-bottom:5px !important}
.pb_10	{ padding-bottom:10px !important}
.pb_15	{ padding-bottom:15px !important}
.pb_20	{ padding-bottom:20px !important}
.pb_30	{ padding-bottom:30px !important}
.pb_40	{ padding-bottom:40px !important}
.mt_0	{ margin-top:0px !important}
.mt_5	{ margin-top:5px !important}
.mt_10	{ margin-top:10px !important}
.mt_15	{ margin-top:15px !important}
.mt_20	{ margin-top:20px !important}
.mt_30	{ margin-top:30px !important}
.mt_40	{ margin-top:40px !important}
.pt_0	{ padding-top:0px !important}
.pt_5	{ padding-top:5px !important}
.pt_10	{ padding-top:10px !important}
.pt_15	{ padding-top:15px !important}
.pt_20	{ padding-top:20px !important}
.pt_30	{ padding-top:30px !important}
.pt_40	{ padding-top:40px !important}
.pl_0	{ padding-left:0px !important}
.pl_5	{ padding-left:5px !important}
.pl_10	{ padding-left:10px !important}
.pl_15	{ padding-left:15px !important}
.pl_20	{ padding-left:20px !important}
.pl_30	{ padding-left:30px !important}
.pl_40	{ padding-left:40px !important}