/*
CTC Separate Stylesheet
Updated: 2022-03-25 09:11:25
*/


/* * * * FONT * * * */
/* * * * ** * * * * */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;500;700&display=swap');

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
  font-style: normal;
}

html, body, div, a, p, button, input, select, textarea {
   font-family: 'Work Sans', sans-serif;
	font-weight: 300;
}

strong a {
  font-weight: 700;
}
body.page:not(.twentyseventeen-front-page) .entry-title, h1, .entry-title a {
	font-weight: 300;
	font-size: 30px;
	text-transform: None;
	letter-spacing: 0;
	color: #c23a5a;
	margin: 0 0 0.5em;
}


h2, h2 a {
	color: #c23a5a;
	font-size: 21px;
	padding-bottom: 5px;
}

h3 {
	color: #c23a5a;
	font-size: 19px;
	padding-bottom: 10px
}

h4 {
	color: #c23a5a;
	font-weight: 500;
	padding-top: 0.7em;
}

p {
	margin: 0 0 1.1em;
}

p, li {
	font-weight: 300;
	font-size: .92rem;
  line-height: 1.5;
}


@media screen and (min-width: 48em) {

  body.page:not(.twentyseventeen-front-page) .entry-title, h1, .entry-title a {
  	font-weight: 300;
  	font-size: 40px;
  	text-transform: None;
  	letter-spacing: 0;
  	color: #c23a5a;
  	margin: 0 0 0.5em;
  }


  h2, h2 a {
  	color: #c23a5a;
  	font-size: 27px;
  	padding-bottom: 5px;
  }

  p, li {
  	font-weight: 300;
  	font-size: 1.14rem;
  }

}



li {
	padding-bottom: 6px;
}

ol, ul {
	list-style-position: outside;
	margin-left: 14px;
}

.link-more a {
  color: #c23a5a;
}



/* * * * Startseite * * * */
/* * * * * * * * * * * * */

/* Logo zentriert */

.twentyseventeen-front-page .site-content {
padding: 2.5em 0 0;
}

@media screen and (min-width: 48em) {
.twentyseventeen-front-page .site-content {
  padding: 5.5em 0 0;
}
}


.page-template-default .site-branding {
	margin-bottom: calc(100vh/1.5) !important;
	}

.blog .page-title {
	display: none;
}

#masthead .wrap {
	text-align: center;
	}

.custom-logo-link {
	padding-right: 0;
	}

.blog .entry-header {
	margin-bottom: 0;
}





@media screen and (min-width: 48em) {

.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	  max-width: 550px;
}

.js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul {
	text-align: center;
}

	.site-header .navigation-top .menu-scroll-down {
  top: 1.3em;
}

.blog .panel-content .wrap {
	padding: 2em 0em;
}

.single-post .entry-title, .page .entry-title {
font-size: 40px;
}
}




/* * * * HEADER * * * */
/* * * * * * * * * * */



/* - - - - - - - */
/* HEADER-IMAGE  */
/* - - - - - - - */

.page-template-default .custom-logo-link {
	display: none;
}
.page-template-page-artikel-anna .custom-logo-link {
	display: none;
}

.home .custom-logo-link {
	display: inline-block;
}

.custom-header-media:before {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.15) 100%);
}

.has-header-image .custom-header, .single .custom-header {
    height: 440px ;
}
/*
.has-header-image:not(.home) .custom-header, .single .custom-header {
    height: 440px ;
} */

/* @media screen and (min-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
display: block;
height: 440px;
}
} */

.home #site-navigation {
      display:block;
      padding-top:378px;
      margin-top:-378px;
}



.single .custom-logo {
  display: none;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .entry-header .entry-title {
    display: none;
}

@media screen and (min-width: 48em) {
    .single-format-standard.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
        height:440px;
/*         height: 100vh;
         */        max-height: 100%;
        overflow: hidden;
        position: relative
    }

    .single-format-standard.has-header-image:not(.twentyseventeen-front-page):not(.home) .site-branding {
        bottom: 0;
        color: white;
        display: block;
        left: 0;
        height: auto;
        padding-top: 0;
        position: absolute;
        width: 100%
    }
}

.single-format-standard.has-header-image:not(.twentyseventeen-front-page):not(.home) .single-featured-image-header {
    display: none;
}

.single-format-standard.has-header-image:not(.twentyseventeen-front-page):not(.home) .site-branding {
    color: white;
}

.single-format-standard.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header {
    display: table;
    height: 300px;
    width: 100%;
}

@media screen and (max-width: 48em) {

  body .site-header .custom-header {
    height: 170px !important;
  }
  .has-header-image.home.blog .custom-header {
    height: 300px !important;
}

.home .metaslider .flexslider .slides img {
min-height: 400px !important;
}
}





/* NAVIGATION */

html .navigation-top a, .main-navigaion a {
	font-weight: 300;
	text-transform: uppercase;
	color: #c23a5a;
}

.navigation-top li {
	font-size: .875rem;
	letter-spacing: 3px;
}

.menu-toggle {
  color: #c23a5a;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
}

.menu-toggle:hover, .menu-toggle:focus  {
	background-color: #fff !important;
}

.main-navigation ul {
  text-align: center;
}


@media screen and (max-width: 48em) {
.has-header-image.home.blog .custom-header {
    height: 300px !important;
	height: 50vh !important;
}
}


@media screen and (min-width: 48em) {

.navigation-top .wrap {
	max-width: 850px;
	}
.menu-scroll-down .icon {
    height: 14px;
    width: 14px;
	}
}


@media screen and (min-width: 67em) {

.navigation-top .wrap {
	max-width: 1100px;
	}

.navigation-top li {
	font-size: 1.26rem;
	letter-spacing: 4px;
	}

.menu-scroll-down .icon {
	height: 18px;
	width: 18px;
	}
}




/* * * * LAYOUT * * * */
/* * * * * * * * * * */

.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
  float: right;
  width: 100%;
}

.wrap {
  padding-left: 1em;
padding-right: 1em;

}

@media screen and (min-width: 48em) {
  .blog .navigation-top .wrap {
    padding-left: 0em;
    padding-right: 0em;
  }
  .blog .site-content .wrap {
    padding-left: 6.5em;
    padding-right: 6.5em;
  }
  .wrap {
    max-width: 1180px;
    padding-left: 5em;
    padding-right: 1em;
  }
}


@media screen and (min-width: 72em) {
body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column:not(.archive) #primary .entry-header, body:not(.has-sidebar):not(.page-one-column) .page-header, .blog:not(.has-sidebar) #primary article {
	width: 78%;
	padding: 0.25em 1.25em;
  float: left;
}

body:not(.has-sidebar):not(.page-one-column) .page-header {
  width: 100%;
  padding: 0.25em 0em 2em 0;
}

.sidebar, .single-post .sidebar {
float: right;
width: 22%;
}
}




/* * * * single post * * * */
/* * * * * * * * * * */

.single-post:not(.has-sidebar) #primary {
	max-width: none;
	padding: 0.25em 1.25em;
}


/* * * * FOOTER * * * */
/* * * * * * * * * * */

#colophon {
  z-index: 999;
  position: sticky;
  background-color: #fff;
  margin-top: 0px;
}

@media screen and (min-width: 48em) {
.site-info {
  padding: 0.25em 1.25em;
	}
}