/*
Theme Name: Diana Soti - Psychologin
Author: Franziska Klemp
Author URI: diana-soti.de
Description: Theme zu Information und Austausch über psychologische Themen
Version: 1.0
*/
/* CSS Document */
/*________Globals________*/

* {
	margin:0;
	padding:0;
	list-style:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: minion pro;
}

body {
    margin: 0;

}
body::after {
	content:'Resize Viewport ↘';
	position: fixed;
	bottom:1em;
	right:1em;
	opacity: 0.5;
	font-size: 0.8em;

}
iframe {
    width: -webkit-fill-available;
    height: auto;
    min-height: 500px;
    padding-top: 1em;
    padding-bottom: 1em;
}
.verlauf {
    background: -webkit-linear-gradient(
50deg, rgb(151 201 232 / 0%) 50%, rgb(151 201 232 / 35%) 70%, rgb(239 158 158 / 48%) 100%);
    background: -o-linear-gradient(50deg, rgb(151 201 232 / 0%) 50%, rgb(151 201 232 / 35%) 70%, rgb(239 158 158 / 48%) 100%);
    background: linear-gradient(
140deg, rgb(151 201 232 / 0%) 50%, rgb(151 201 232 / 35%) 70%, rgb(239 158 158 / 48%) 100%);
    padding-bottom: 3em;
    min-height: 130vh;
}
.grid-item-color {
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 2em;
    text-align: center;
    border: dashed #b0b9b0 1px;
    background: -webkit-linear-gradient(60deg, rgba(151 201 232/ 0%) 60%, rgb(151 201 232 / 15%) 75%, rgb(239 158 158 / 50%) 100%);
    background: -o-linear-gradient(60deg, rgba(151 201 232/ 0%) 60%, rgb(151 201 232 / 15%) 75%, rgb(239 158 158 / 50%) 100%);
    background: linear-gradient(150deg, rgba(151 201 232/ 0%) 60%, rgb(151 201 232 / 15%) 75%, rgb(239 158 158 / 50%) 100%);
}

.headline {
    padding-bottom: 2em;
    border-bottom: dashed 1px #3f5c78;
}
img.aligncenter.size-medium.wp-image-245 {
    /* width: auto; */
    max-width: 40%;
    height: auto;
}
img {
    /*width: 100%;
    height: auto;*/
}
.title-img img {
    width: 100%;
    height: auto;
}
/*________Fonts________*/
h1 {
    color: #3f5c78;
    font-size: 65pt;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-block-end: 0;
}
h2 {
    font-size: 18pt;
    font-style: italic;
    color: #3f5c78;
    font-family: minion-pro, serif;
    font-weight: 700;
}
h3 {
    font-size: 18pt;
    font-style: italic;
    color: #3f5c78;
    font-family: minion-pro, serif;
    font-weight: 700;
}
p {
    font-size: 13pt;
    line-height: 1.8;
    color: #747d7a;
    margin-block-end: 1.5em;
}
h5 {
    font-family: minion-pro, serif;
	font-weight: 400;
    font-size: 13pt;
    font-style: italic;
    color: #83919e;
}
h8 {
    font-size: 13pt;
    font-style: italic;
    color: #fff;
    font-weight: 400;
    text-align: center;
    mix-blend-mode: multiply;
}
ul {
    font-size: 12pt;
}
li {
    display: inline-grid;
    margin-right: 0.5em;
    font-family: minion pro;
    color: #3f5c78;
    border-right: solid 1px;
    padding-right: 1em;
}

hr {
    box-shadow: none;
    border-style: dashed;
    color: #d7d4d4;
    margin-bottom: 2.5em;
    margin-top: 1em;
}
.main-blau hr {
    box-shadow: none;
    border-style: dashed;
    color: #fff;
    margin-bottom: 2.5em;
    margin-top: 1em;
}
a {
    color: #3f5c77;
    text-decoration: none;
}
button {
    background: #3f5c78;
    color: #fff;
    padding: 1em;
    border: none;
    font-size: 13pt;
}
/*_________Submenu____________*/
.submenu {
	position:absolute;
    left: 2em;
    margin-top: 3em;
    line-height: 2;
}
.submenu li {
    border-right: none;
}
.submenu ul li {
    display: block;
}
.submenu-active li {
    color: #93b7da;
}
/*_________Pfeilnavigation_________*/
.pfeil-hoch img {
    width: 7%;
    margin-left: 46.5%;
    margin-bottom: 5em;
    margin-top: 2em;
}
.pfeil-runter img {
    width: 7%;
    margin-left: 46.5%;
    margin-bottom: 2em;
}
/*________Header__________*/
header {
	width:100%;
}
.header {
    max-width: 1300px;
    height: fit-content;
    padding: 1em;
    margin: 0 auto;
}
.title-unterseiten h1 {
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    font-size: 26pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
}
.title-unterseiten h1 {
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    font-size: 26pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
}
.title-rosa h1 {
    background: #e2c0c8;
    color: #fff;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
}
.title-text h2 {
    margin-bottom: 0;
}
.title-text-meditation {
    width: 40%;
    margin-top: -7em;
    margin-bottom: 5%;
    margin-left: 850px;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
     animation: translating 1s linear;;
}
.container-title-seminare-unterseiten {
    max-width: 1400px;
    margin: 14% auto;
}
.title-text-seminare {
    width: 40%;
    margin-top: -11em;
    margin-bottom: 5em;
    margin-left: 850px;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;;
}

.title-text-home_2 {
    /* width: 100%; */
    /* margin-top: -11em; */
    margin-bottom: 10%;
    /* margin-left: 840px; */
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    /* animation: translating 1s linear; */
    font-family: minion-pro, serif;
	border-bottom: dashed #dddedd 1px;
}
.title-text-home_1 {
    /* width: 100%; */
    /* margin-top: -11em; */
    margin-bottom: 10%;
    /* margin-left: 840px; */
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    /* animation: translating 1s linear; */
    font-family: minion-pro, serif;
	border-bottom: dashed #dddedd 1px;
}
.title-seminare h1 {
    position: absolute;
    background: #cebdc9;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    font-size: 24pt;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 400;
    font-style: normal;
    animation: translating 0.5s linear;
    min-width: 40%;
    margin-left: 19em;
    margin-top: -10em;
}
.headline-header-seminare h1 {
	margin-top: 7em;
    position: absolute;
    margin-left: 39em;
    color: #3f5c78;
    font-size: 70pt;
}
.headline-header-gruen h1 {
    color: #02715c;
}
.headline-header-rosa h1 {
    color: #d4aeb7;
}
.title-lila h1 {
    position: absolute;
    background: #cebdc9;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    font-size: 24pt;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 400;
    font-style: normal;
    animation: translating 0.5s linear;
    min-width: 40%;
}
.headline-header-lila h1 {
    font-size: 70pt;
}
.title-img {
    overflow: hidden;
    width: 690px;
    height: 480px;
    margin: 0 auto;
    margin-top: 2.8em;
}
/*_______Icons_______*/
.icon-phone img {
    width: 15px;
    margin-right: 0.3em;
    margin-bottom: -0.5em;
    margin-block-start: 0;
    margin-top: 0;
}
.icon-mail img {
    width: 15px;
    margin-right: 0.5em;
}
.icon-mail {
    margin-top: -1.3em;
}
.icon-phone {
    margin-top: 0.5em;
}
.icon_mail_white img {
    width: 55px;
    padding-bottom: 0;
}
.icon_mail_white img {
    width: 30px;
    padding-bottom: 0;
    padding-right: 5px;
}
/*_________content____________*/
.content {
    margin-top: 6em;
    margin-bottom: 6em;
    min-height: 60vh;
}
.main {
    grid-area: main;
    width: 1400px;
    margin: 0 auto;
    margin-bottom: 4em;
}
.main-blau {
    grid-area: main;
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 3em;
    width: 100%;
}

.platzhalter {
    width: 377;
    height: 350px;
}
/*________Artikel__________*/
article {
    /* border: 1px solid rgba(0, 0, 0, 0.8); */
    padding: 1em;
    font-size: 30px;
    text-align: left;
}
article.grid-item {
    /* margin-bottom: 2em;*/
    padding: 1em;
    /* border-bottom: dashed #dddedd 1px; */
    /* border-left: dashed #dddedd 1px; */
}

article.grid-item h1 {
    font-size: 43pt;
    margin-bottom: 0;
}
article ul {
    margin-block-end: 3em;
}
article li {
    font-size: 13pt;
    line-height: 1.8;
    color: #747d7a;
    border-right: none;
    display: list-item;
}
.beitragsbild {
    height: 350px;
    overflow: hidden;
    margin-bottom: 0.5em;
    mix-blend-mode: multiply;
}
.beitragsbild img {
    width: 100%;
}
.beitragsbild-zweispaltig {
    margin-bottom: 4em;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
}
.beitragsbild-zweispaltig img {
    height:auto !important;
    width: 80%;
}
.beitragsbild-ubersicht img {
    /* width: 100%; */
    height: 350%;
    width: auto;
    max-height: 350px;
}
.bild_blauer_balken {
    background-image: url(https://gnfp03fzy1.serenity-to-go.com/wp-content/uploads/2021/09/Rahmen_weiss_dicker.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0.9em;
    overflow: hidden;
}
.bild_blauer_balken img {
    padding-bottom: 1em !important;
    padding-top: 0.2em;
    width: 100%;
}
.beitragstext-uebersicht {
    width: 60%;
    float: right;
    margin-top: 2em;
}
.beitragsbild-seminare img {
    width: 30%;
    float: left;
    height: auto;
}
.beitragsbild-news img {
    width: 100%;
    padding: 0;
}
.beitragstext-news {
    padding-right: 1em;
}
/*________Artikelübersicht__________*/
.beitragsbild-uebersicht {
    overflow: hidden;
    height: 300px;
    width: 100%;
}
.beitragskopf {
    display: inline-table;
}
.beitragstitel {
    width: 100%;
    margin-top: 1em;
    display: table-cell;
}
.datum {
    padding-top: 1em;
    display: table-cell;
    right: 0;
    padding-bottom: 1em;
}
/*________Artikel-Single-Page__________*/
.grid-item .beitragsbild-single img {
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
    max-height: 700px;
    overflow: hidden;
}
.beitragsbild-single {
    max-height: 600px;
    overflow: hidden;
    width: 100%;
}
.beitragsbild-single img {
 	height: auto;
    width: 100%;
}
.beitragsbild-news {
    max-height: 500px;
    overflow: hidden;
}
.beitragsbild-news img {
    height: auto;
}
video {
    width: calc(1000px - 2em);
    height: auto;
}
.main-single {
    grid-area: main;
    width: 1000px;
    margin: 6em auto;
    margin-bottom: 4em;
}
ul.pagination {
    padding: 2em;
    text-align: center;
}
.main-single h2 {
    font-size: 30pt;
    padding-top: 1em;
}
.grid-container-zweispaltig-2zu1 p {
    margin-bottom: 0em;
    display: inline;
}
.grid-container-dreispaltig-border p {
    margin-bottom: 0em;
    display: inline;
}
.grid-container-uebersicht p {
    margin-bottom: 0;
    display: inline;
}
/*________Rows__________*/
.row-green {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: auto;
    background-color: #b6d8d0;
    padding: 1.5em;
    margin-bottom: 0em;
    margin-top: 0em;
}
.row-rosa {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: auto;
    background-color: #e8d1d6;
    padding: 1.5em;
    margin-bottom: 0em;
    margin-top: 0em;
}
.row-blue {
    grid-template-columns: auto;
    background-color: #b6c9d8;
    padding: 1.5em;
    margin-bottom: 7em;
    margin-top: 0em;
}
.row-blue p {
    color: #fff;
    font-weight: 600;
}
.row-blue h2 {
    color: #fff;
}
/*__________Animation________________*/
@keyframes translating {
 
  0% { transform: translate(0, 100px);}
 100% { transform: translate(0, 0);}
}
@keyframes logo {
 
  0%{ transform: translate(0, -10px);}
 100% { transform: translate(0, 0);}
}
/*_________Footer____________*/
.footer {
    grid-area: footer;
    width: 100%;
    padding: 1em;
    background: #3f5c78;
    padding-right: 15%;
    padding-left: 15%;
    color: aliceblue;
}
.footer a{
	color: aliceblue;
	font-family: minion-pro, serif;
	font-style: italic;
	line-height: 1.5pt;
	
}
.footer li {
    grid-area: footer;
    width: 100%;
    padding: 0.5em;
    background: #3f5c78;
    color: aliceblue;
}
.footer ul li a {
    color: #fff;
}
.footer h2 {
    grid-area: footer;
    width: 100%;
    padding: 0;
    background: #3f5c78;
    color: aliceblue;
    margin-block-end: 0;
    margin-block-start: 0;
}
.footer p {
    grid-area: footer;
    width: 100%;
    background: #3f5c78;
    color: aliceblue;
}

.footer h2 {
    grid-area: footer;
    width: 100%;
    /* padding: 1em; */
    background: #3f5c78;
    color: aliceblue;
    margin-block-end: 0;
}
.footer .grid-item {
    background-color: #8a2be200;
}
/*-----------------Toggle-Text-Plugin_AZC-------------------*/
.azc_tsh_toggle, .azc_tsh_toggle_open, .azc_tsh_toggle_active, .azc_tsh_toggle_open_active {
    border: none;
    margin: 0;
    padding: 0;
}
.azc_tsh_toggle_container, .azc_tsh_toggle_container_open {
    border: none;
    font-size: 13pt;
    line-height: 1.8;
    color: #747d7a;
    padding: 0;
}
.toggle p {
    margin-bottom: 0;
    display: inline;
    padding-left: 0 !important;
}
.toggle a button {
    margin-top: 1em;
    display: block;
}
/*__________________Mailchimp_Anmeldeformular_______________*/
#mc_embed_signup {
    background: transparent !important;
    padding-top: 0.01em;
}
.indicates-required {
    font-size: 14pt;
    color: #fff;
}
.mc-field-group {
    font-size: 14pt;
    color: #fff;
    margin-top: 1em;
}
input#mce-EMAIL {
    width: 100%;
    border: none;
    height: 35px;
    background: aliceblue;
	padding: 0.5em;
	font: small-caption;
}
input#mce-VNAME {
    width: 100%;
    border: none;
    height: 35px;
    background: aliceblue;
    padding: 0.5em;
    font: small-caption;
}
input#mce-NNAME {
	width: 100%;
    border: none;
    height: 35px;
    background: aliceblue;
	padding: 0.5em;
	font: small-caption;
}
input#mc-embedded-subscribe {
    border: none;
    padding: 1.1em;
    color: #fff;
    background-color: #3f5c78;
	font: small-caption;
}
div#mce-success-response {
    padding-top: 1.5em;
    color: #0b820f;
    font-size: 14pt;
    text-transform: uppercase;
    letter-spacing: 0.7;
	font: small-caption;
}

/*_____________________________Confirm_Seite_Mailchimp_____________________________*/
h1.masthead {
    font-family: georgia, serif;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1pt;
    font-size: 20pt;
}

/*_____________________________Kontaktseite_____________________________*/
div#wpcf7-f290-o1 p {
    margin-bottom: 1em;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    padding: 1em;
    border: dashed 1px #b3aeae;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: dashed 1px #b7b3b3;
}
input.wpcf7-form-control.wpcf7-submit {
    background: #3f5c78;
    padding: 1em;
    color: #fff;
    letter-spacing: 0.9;
    text-transform: uppercase;
    border: none;
    margin-top: 2em;
}
article.grid-item.karte {
    margin-top: 1em;
    max-width: 100%;
    margin-right: 1em;
    overflow: hidden;
    margin-bottom: 1em;
    padding-bottom: 2em;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #b2ef56;
    border-color: #fff;
    font-size: 14pt;
    padding: 1em;
    color: grey;
    font-family: sans-serif;
    letter-spacing: 1.1;
}
/* =WordPress Core
-------------------------------------------------------------- */
img.size-medium {
    mix-blend-mode: multiply;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
img.alignleft, img.alignright, img.aligncenter, img.alignnone {
	mix-blend-mode:multiply;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
	mix-blend-mode: multiply;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;

}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/*_______________________________________________________Woocommerce______________________________________________*/

li.product {
    border-right: 0;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    position: relative;
    width: 33.333333%;
    margin-left: 0;
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 2em;
    text-align: center;
    border: dashed #b0b9b0 1px;
    background: -webkit-linear-gradient( 
60deg
 , rgba(151 201 232/ 0%) 60%, rgb(151 201 232 / 15%) 75%, rgb(239 158 158 / 50%) 100%);
    background: -o-linear-gradient(60deg, rgba(151 201 232/ 0%) 60%, rgb(151 201 232 / 15%) 75%, rgb(239 158 158 / 50%) 100%);
    background: linear-gradient( 
150deg
 , rgba(151 201 232/ 0%) 60%, rgb(151 201 232 / 15%) 75%, rgb(239 158 158 / 50%) 100%);
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: #3f5c78;
    color: #fff;
    font-family: 'minion-pro';
    border-radius: 0;
    padding: 1em;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: calc(33.333333% - 4em);
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 25pt;
    line-height: 29pt;
}
bdi {
    font-size: 25pt;
    color: #3f5c78;
    font-style: italic;
}
span.woocommerce-Price-amount.amount {
    display: block;
}
small.woocommerce-price-suffix {
    color: #8e8c8c;
    font-size: 16pt;
}
.woocommerce-loop-product__title {
    border-bottom: dashed 1px;
    padding: 1em;
}
span.woocommerce-Price-amount.amount {
    padding-top: 1em;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    font-weight: 700;
    border-radius: 0px;
    left: auto;
    color: #fffefe;
    background-color: #3f5c78;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    padding: 1em;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #e1e7ec;
    color: #515151;
    border-top: 3px solid #3f5c78;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}
.woocommerce-message {
    border-top-color: #3f5c78;
}
.woocommerce-message::before {
    content: "\e015";
    color: #3f5c78;
}
.main-ohne-header p {
    max-width: 70%;
    margin-left: 15%;
    /* border-bottom: dashed 1px; */
    /* padding: 2em; */
}
.main-ohne-header h3 {
    max-width: 70%;
    margin-left: 15%;
}
.main-ohne-header h2 {
    max-width: 70%;
    margin-left: 15%;
}
.main-ohne-header h1 {
    max-width: 70%;
    margin-left: 15%;
}
.main-ohne-header hr {
    max-width: 70%;
    margin-left: 15%;
}

ul.products.columns-3 {
    border-top: dashed 1px #3f5c78;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: calc(33.333333% - 2.3em);
}
li.product.type-product.post-12.status-publish.last.instock.product_cat-unkategorisiert.has-post-thumbnail.downloadable.virtual.taxable.purchasable.product-type-simple {
    margin-right: 0;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #868485;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #8e8c8c;
    color: #fff;
}
.woocommerce table.shop_table {
    border: 1px dashed rgb(0 0 0 / 21%);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0px;
}
input#quantity_60857e4dd1082 {
    padding: 0.5em;
    border-radius: 0 !important;
    border: solid 1px #a9a8a7;
}
td.product-name {
    font-size: 18pt;
}
th {
    color: #8e8c8c;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 700;
    border-top: 1px dashed rgb(0 0 0 / 25%);
}
.woocommerce table.shop_table td {
    /* border-top: 1px solid rgba(0,0,0,.1); */
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
    border-top: 1px dashed rgb(0 0 0 / 25%);
}
input#coupon_code {
    border-radius: 0;
    padding: 1em;
    margin: 1em;
    min-width: 120px;
    border: dashed 1px #928e8e;
}
.woocommerce a.remove {
    display: block;
    font-size: 2.5em;
    /* height: 1.5em; */
    /* width: 1.5em; */
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: #940606!important;
    text-decoration: none;
    font-weight: 900;
    border: 0;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #3f5c78;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 1em;
    float: right;
}
input#quantity_6085bd3c8c5e9 {
    border-radius: 0;
    padding: 0.5em;
    border: dashed 1px #7f7a7a;
}
span.woocommerce-Price-amount.amount {
    color: #929192;
    font-size: 16pt;
    font-style: italic;
}
.grid-item.logo {
    margin-top: 1em;
}
#error-page .main-ohne-header {
    width: 100%;
}

body#error-page{
    background: #fff;
    border: 1px dashed #ccd0d4 !important;
    color: #444;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin: 2em auto;
    padding: 1em 2em;
    max-width: 800px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}
input#billing_first_name {
    padding: 1em;
    border: dashed 1px #908d8d;
}
#error-page p, #error-page .wp-die-message {
    font-size: 14px;
    line-height: 1.5;
    margin: 25px 0 20px;
    text-align: left;
}
input#billing_last_name {
    padding: 1em;
    border: dashed 1px #908d8d;
}
select#billing_country {
    padding: 1em;
    border-radius: 0;
    border: dashed 1px #868585;
    color: #868585;
    margin-left: 1em;
    font-size: 14pt;
}
input#billing_address_1 {
    padding: 1em;
    border-radius: 0;
    border: dashed 1px #777474;
}
input#billing_postcode {
    padding: 1em;
    border-radius: 0;
    border: dashed 1px #777474;
}
input#billing_city {
	padding: 1em;
    border-radius: 0;
    border: dashed 1px #777474;
}
input#billing_phone{
	padding: 1em;
    border-radius: 0;
    border: dashed 1px #777474;
}
input#billing_email{
	padding: 1em;
    border-radius: 0;
    border: dashed 1px #777474;
}
textarea#order_comments {
    width: 100%;
    padding: 1em;
    border: dashed 1px #827d7d;
    color: #807f7e;
}
.woocommerce form .form-row textarea {
    height: 8em;
    line-height: 1.5;
    display: block;
    box-shadow: none;
}
input#billing_company {
    width: 100%;
    padding: 1em;
    border: dashed 1px #827d7d;
    color: #807f7e;
}
input#billing_address_2{
	width: 100%;
    padding: 1em;
    border: dashed 1px #827d7d;
    color: #807f7e;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #d6e1e86b;
    border-radius: 0;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #c3d1dc;
    color: #3f5c78;
    border-top: 3px solid #3f5c78;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #3f5c78;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
button#place_order {
    padding: 1em;
    height: 50px;
    background-color: #3f5c78;
}
#error-page body {
    background: #fff;
    border: 1px solid #ccd0d4;
    color: #3f5c78;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin: 2em auto;
    padding: 1em 2em;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}
#error-page .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
}
.woocommerce-additional-fields {
    width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 100%;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    font-weight: 700;
    border-radius: 0px;
    left: auto;
    color: #fffefe;
    background-color: #3f5c78;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    padding-top: 1em;
    min-height: 40px;
    padding-bottom: 1em;
}
/*Konto-Details*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    /* box-sizing: border-box; */
    width: 100%;
    margin-left: 1em;
    outline: 0;
    padding: 1em;
    border-radius: 0;
    border: dashed 1px #868585;
    color: #868585;
    line-height: normal;
    font-size: 14pt;
}
legend {
    color: #3f5c78;
    padding: 1em;
    font-weight: 800;
    font-size: 19pt;
}
fieldset {
    border: dashed 1px #3f5c78;
    background: aliceblue;
    margin-bottom: 2em;
    margin-top: 2em;
    padding-bottom: 4em;
}
.woocommerce form .form-row label {
    line-height: 1.5;
    margin-top: 1em;
    text-align: left;
    margin-left: 1em;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px dashed #d3ced2;
    padding: 2em 25% 2em;
    margin: 2em 6em;
    text-align: left;
    border-radius: 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    float: left;
    margin-right: 1em;
    margin-left: 1em;
    margin-top: 1em;
}
p.woocommerce-LostPassword.lost_password {
    margin-left: 1em;
}

.woocommerce form .form-row {
    padding: 3px;
    margin: 1em auto;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    margin: 2em auto;
    text-align: left;
    border-radius: 0;
}
p.woocommerce-LostPassword.lost_password {
    /* margin-left: 1em; */
    padding-left: 1em;
    margin: 0 auto;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
    list-style: none outside!important;
    padding-left: 0!important;
    margin-left: 0!important;
    border-right: 0;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 50%;
    overflow: visible;
}
nav.woocommerce-MyAccount-navigation {
    margin-bottom: 4em;
}
li#menu-item-54 {
    padding-bottom: 2em;
}
span.woocommerce-gzd-legal-checkbox-text {
    line-height: 1.5;
}
span.woocommerce-gzd-data-download-checkbox-text {
    line-height: 1.5;
}
ul.products.columns-3 :last-child {
    margin-right: 0 !important;
}
/*Adressen*/
.u-column1.col-1.woocommerce-Address {
    text-align: left;
    margin-left: 2em;
    width: calc(48% - 2em) !important;
}
.u-column2.col-2.woocommerce-Address {
	text-align: left;
    margin-left: 2em;
    width: calc(48% - 2em);
}
.u-columns.woocommerce-Addresses.col2-set.addresses {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    border-top: dashed 1px #3f5c78;
    padding-top: 2em;
}
address {
    color: #747d7a;
    line-height: 2;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
}
label {
    margin-bottom: 1em;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    float: right;
}
td.product-name {
    color: #3f5c78;
    font-size: 20pt;
    font-weight: 700;
}
p.wc-gzd-additional-info.tax-info {
    margin: 0 auto;
    font-size: 12pt;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    opacity: 1 !important;
}
/*Woocommerce E-Mail-Template*/
div#template_header_image image {
    max-width: 250px !important;
    position: absolute;
    top: 71px;
    box-shadow: 3px 3px 3px 3px rgb(0 0 0 / 20%);
}
/*_______________________________________________________small_____Max-width:500px______________________________________________*/	
@media screen and (max-width: 500px) {
img {
    width: 100%;
    height: auto;
}
.beitragsbild-uebersicht {
    overflow: hidden;
    height: auto;
    width: 100%;
}
/*_________Fonts_________*/
p {
    margin-block-end: 2em !important;
}
p {
    font-size: 12pt !important;
    line-height: 19pt;
}
h1 {
    font-size: 24pt !important;
}
li {
    padding-top: 0;
    line-height: 20pt;
    font-size: 11pt;
}
.content {
    margin-top: 0;
    margin-bottom: 0;
}
.main {
    width: calc(100% - 4em) !important;
}
.main-ohne-header {
    margin-left: 1em;
    margin-right: 1em;
}
.main-ohne-header p {
    max-width: 100%;
    margin-left: 0;
}
.submenu {
    position: relative !important;
    text-align: center !important;
    border-bottom: dashed 1px #3f5c78;
    padding-bottom: 1em !important;
    border-top: dashed 1px #3f5c78;
    padding-top: 1em !important;
    left: 0;
    margin-left: 25% !important;
    margin-right: 25% !important;
    max-width: 50%;
}
.main-single {
    width: 90%;
}
/*_____Header______*/
.header {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.title h1 {
    width: 90%;
    margin: 73% auto;
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 18pt !important;
    text-align: center;
}
.title-text {
    width: 100% !important;
    margin-bottom: 0% !important;
    margin-left: 0 !important;
    color: #3f5c78;
    margin-top: 7em !important;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;
    text-align: center;
}
.title-home {
    width: 92%;
    text-align: center;
    margin-left: 2em;
    margin-right: 2em;
}
.title-text-home {
    margin-bottom: 0.5em;
    margin-top: 4em;
    margin-left: 1em;
    margin-right: 1em;
    animation: translating 0.5s linear;
    text-align: center;
    font-size: 13pt;
    line-height: 1.5;
    color: #747d7a;
    margin-block-end: 1.5em;
}
.title-text-home-zweispaltig {
    margin-bottom: 0.5em;
    margin-top: 4em;
    margin-left: 1em;
    margin-right: 1em;
    animation: translating 0.5s linear;
    text-align: center;
    font-size: 13pt;
    line-height: 1.5;
    color: #747d7a;
    margin-block-end: 1.5em;
}
.title-text-home_1 {
    padding-left: 1em;
    padding-right: 1em;
}
.title-text-home_2 {
    padding-left: 1em;
    padding-right: 1em;
}
.beitragsbild-ubersicht img {
    width: 90%;
    height: auto;
}
.title-text-seminare-unterseiten {
    margin-left: 1em;
    margin-right: 1em;
    width: calc(100% - 1em);
}
.title-unterseiten {
    margin-bottom: 0;
}
.title-unterseiten h1 {
    width: 100%;
    margin-top: 0.5em;
    font-size: 18pt;
}
.headline-header-unterseiten {
    margin-left: 0 ;
}
.headline-header-unterseiten h1 {
    font-size: 54pt;
	text-align: center;
}
.headline-header-zweispaltig h1 {
    text-align: center;
}
.title-blau h1 {
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 1em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-left: 0em;
    font-size: 18pt !important;
    margin-top: 55%;
    animation: translating 0.5s linear;
}
.title-seminare h1 {
    position: relative;
    background: #cebdc9;
    color: #fff;
    /* font-size: 24pt; */
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 400;
    font-size: 20pt !important;
    font-style: normal;
    animation: translating 0.5s linear;
    width: calc(100% - 1em);
    margin-left: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}
.title-rosa h1 {
    text-align: center;
    position: absolute;
    padding-right: 1em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 18pt !important;
    margin-top: 50%;
    /* margin-left: -1em; */
    width: 100%;
}
.title-gruen h1 {
    text-align: center;
    position: absolute;
    background: #02715c;
    color: #fff;
    padding-right: 1em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
    font-size: 18pt !important;
    margin-left: 0%;
    margin-top: 52%;
    width: 100%;
}
.title-lila h1 {
    margin-left: 0em;
    font-size: 18pt !important;
    margin-top: 55%;
    animation: translating 0.5s linear;
}
.headline-header-lila h1 {
    text-align: center;
}
.headline-header-rosa h1 {
    text-align: center;
    font-size: 34pt;
    color: #d4aeb7;
}
.headline-header-blau h1 {
    text-align: center;
    font-size: 34pt;
}
.headline-header-gruen {
    padding-top: 1.5em;
}
.headline-header-gruen h1 {
    text-align: center;
    font-size: 34pt;
}
		
/*__________Grids_________*/
.grid-item {
    margin-left: 0;
	left: 0;
    width: 100%;
}
.grid-item img {
    padding: 1em;
	width: 100%;
}
.grid-item.logo {
    margin-bottom: 0em;
}
.grid-item.logo img {
    width: 60%;
    margin-left: calc(100% - 80%);
    margin-bottom: -3em;
    margin-top: -3em;
}
.grid-container {
    display: block;
    padding-top: 10px;
}
.grid-container-zweispaltig {
    padding-bottom: 1em;
    padding-top: 1em;
}
.grid-container-dreispaltig {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 0em;
}
.grid-container-title {
    margin: 0 auto;
    text-align: center;
    border-top: dashed 1px #3f5c7763;
    padding-top: 0em;
    margin-left: 0em;
    margin-right: 0em;
}
.grid-container-title h1 {
    font-size: 34pt;
}
.title-img {
    width: 100%;
    margin-top: 0;
    overflow: hidden;
    /* margin-bottom: 1em; */
    max-height: 322px;
}
.grid-container-title {
	background-image: url(/wp-content/uploads/2021/01/Rahmen09.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    mix-blend-mode: multiply;
    object-fit: contain;
    margin: 0 auto;
    padding: 1em;
}
.grid-item-seminare img {
    max-height: 300px;
    margin-bottom: 7vh;
    max-width: 95%;
}
container-uebersicht .grid-item-border {
    margin-right: 0;
    margin-bottom: 1.3em;
    border-bottom: dashed 1px #3f5c78;
    padding-bottom: 1em !important;
}
.row-blue {
    display: grid;
    grid-gap: 0;
    grid-template-columns: auto;
    background-color: #b6c9d8;
    padding: 1.5em 1.5em 0;
    margin-bottom: 2em;
    margin-top: 0em;
}
/*__________Content_________*/
.beitragsbild {
    height: auto !important;
}
.beitragsbild img {
    width: 90%;
    margin-left: 5%;
}
.beitragsbild-zweispaltig {
    height: 200px;
    margin-bottom: 1em;
    margin-top: 0em;
}
.beitragsbild-zweispaltig img {
    width: 90%;
    margin-left: 5%;
}
.grid-container-einspaltig {
    background: #f5e8ef;
    padding: 1em;
}
.beitragstext-uebersicht {
    width: 100% !important;
    float: none;
    margin-top: 1em !important;
}
.beitragsbild-seminare img {
    width: 100%;
}
.beitragsbild-single {
    max-height: 700px;
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
}
.bild_blauer_balken img {
    padding: 0.2em 0 1em 0;
}
.main-blau article.grid-item {
    border-bottom: dashed 2px #fff;
    padding-top: 1em;
    padding-bottom: 1.5em;
}
.main-blau hr {
    color: #c9d7e3;
    margin-bottom: 1em;
}
.main-blau {
    margin-top: 0;
}
.main-blau .grid-container-dreispaltig {
    padding-top: 0;
}
.row-blue p {
    color: #fff;
    font-weight: 600;
    margin-block-end: 1em !important;
}
.beitragstitel {
    width: calc(100% - 1em);
    margin-top: 1em;
    display: table-cell;
}
.datum {
    padding-top: 0.5em;
    display: table-caption;
    padding-bottom: 0.5em;
}
article {
    border-bottom: dashed 1px rgb(144 137 137 / 80%);
    padding-bottom: 1em;
    padding-left: 0;
    padding-right: 0;

}
article.grid-item {
    padding: 1em 0 1em 0;
}

article.grid-item h1 {
    font-size: 43pt;
    margin-top: 0em !important;
    margin-bottom: 0;
}
article.grid-item-news {
    border-bottom: dashed 1px #3f5c78;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}
article.grid-item-border-news {
    border-bottom: dashed 1px #3f5c78;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}
.azc_tsh_toggle_container {
    font-size: 12pt !important;
    line-height: 19pt;
}
.beitragstext-news {
    padding-right: 0em;
}
/*__________Icons_________*/
.icon-phone img {
    width: 25px;
    padding-right: 0.5em;
}
.icon-mail img {
    width: 30px;
    padding-right: 0.5em;
    /* margin-top: -0.5em; */
}

.pfeil-hoch img {
    width: 15%;
    margin-left: 42.5%;
    margin-bottom: -2em;
    margin-top: 2em;
}
.pfeil-runter img {
    width: 15%;
    margin-left: 42.5%;
    margin-top: -2em;
}

/*__________Footer_________*/

.footer .grid-item {
    margin-top: 2em;
}
.footer .grid-item {
    margin-top: 2em;
    border-bottom: dashed 1px #fff;
    width: calc(100% - 4em);
    margin-left: 2em !important;
    margin-right: 2em !important;
    padding-bottom: 1em;
}
.icon_mail_white img {
    width: 55px;
    padding-bottom: 0;
    margin-top: -1em;
}
}
/*_______________________________________________________Medium_01_____Min-width:500px_And_Max-width:1200px______________________________________________*/	
@media screen and (min-width: 500px) and (max-width: 1000px){
/*___________Fonts_______________*/
h1 {
    color: #3f5c78;
    font-size: 24pt;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-block-end: 0;
}
p {
    margin-block-end: 2em !important;
}
/*________Header______________*/	
.header {
    margin-left: 2em;
	width: 100%;
    margin: 0 auto;
    padding: 0;
}
.grid-item.logo img {
    width: 30% !important;
    margin-left: 35% !important;
}
.grid-item.logo {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em;
    width: calc(100% - 4em);
}
.headline-header-unterseiten {
    margin-top: 1em;
    margin-left: 0;
}
.headline-header-unterseiten h1 {
    text-align: center;
	 font-size: 54pt;
}
.headline-header-rosa h1 {
    text-align: center;
    font-size: 34pt;
}
.headline-header-blau h1 {
    text-align: center;
    font-size: 34pt;
}
.headline-header-gruen h1 {
    text-align: center;
    font-size: 34pt;
}
.title-seminare-unterseiten h1 {
    text-align: center;
    font-size: 20pt;
}

.title-unterseiten h1 {
    font-size: 20pt;
	width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.title-unterseiten {
    margin-bottom: 0;
}
.title-home {
    width: 92%;
    text-align: center;
    margin-left: 2em;
    margin-right: 2em;
}
.title-lila h1 {
    font-size: 18pt !important;
    margin-top: 35%;
    width: 70%;
    margin-left: 15%;
}
/*.headline-header-lila h1 {
    text-align: center;
    font-size: 40pt;
    margin-top: 40%;
    margin-left: 25%;
    position: absolute;
}*/
.title-home h1 {
    font-size: 22pt !important;
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-left: -2.5em;
    margin-top: 10em;
    animation: translating 0.5s linear;
}
.title-blau h1 {
    background: #3f5c78;
    color: #fff;
    text-align: center;
    position: absolute;
    padding-right: 2em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
    font-size: 18pt !important;
    /* margin-left: -1em; */
    margin-top: 35%;
    width: 70%;
    margin-left: 15%;
}
.title-gruen h1 {
    background: #02715c;
    color: #fff;
    text-align: center;
    position: absolute;
    padding-right: 2em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
    font-size: 18pt !important;
    /* margin-left: -1em; */
    margin-top: 35%;
    width: 70%;
    margin-left: 15%;
}
.title-rosa h1 {
    text-align: center;
    position: absolute;
    padding-right: 2em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 18pt !important;
    margin-top: 35%;
    width: 70%;
    margin-left: 15%;
}
.title-text {
    width: 100% !important;
    margin-bottom: 0% !important;
    margin-left: 0 !important;
    color: #3f5c78;
    margin-top: 7em !important;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;
    text-align: center;
}
.title-text-seminare-gruen {
    width: calc(100% - 4em) !important;
    margin-left: 2em !important;
    margin-top: 2em !important;
}
.title-text-home {
    width: 80%;
    margin-top: 7em;
    margin-bottom: 4em;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 0.5s linear;
    margin-left: 10%;
}
.title-seminare h1 {
    margin: 4% 15%;
    width: 70%;
}
.title-seminare img {
    width: 60%;
    margin: 0 20%;
}
.title-text-seminare-unterseiten {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 9em;
    text-align: center;
    animation: translating 1s linear;
}
/*_____Content_________*/
.main {
    width: calc(100% - 4em) !important;
}
.content {
    margin-top: 2em;
    margin-bottom: 0em !important;
    margin-left: 2em;
    margin-right: 2em;
}
	
/*_____Menue_________*/
.submenu {
    position: relative !important;
    text-align: center !important;
    border-bottom: dashed 1px #3f5c78;
    padding-bottom: 1em !important;
    border-top: dashed 1px #3f5c78;
    padding-top: 1em !important;
    left: 0;
    margin-left: 25% !important;
    margin-right: 25% !important;
    max-width: 50%;
}
/*___________Grids_______________*/
.grid-container-title {
    margin: 0 auto;
    text-align: center;
    border-top: dashed 1px #3f5c7763;
    padding-top: 2em;
    margin-left: 0em;
    margin-right: 0em;
}
.grid-container-title h1 {
    font-size: 30pt;
    /* margin-bottom: 0.5em; */
}
.grid-container-zweispaltig {
    padding-bottom: 2em;
    padding-top: 2em;
}
.grid-container-dreispaltig {
    display: block;
    /* padding-right: 2em; */
    width: 90%;
    text-align: center;
    padding-top: 2em;
    margin-left: 5%;
}
.grid-container-title .grid-item {
    background-image: url(/wp-content/uploads/2021/01/Rahmen09.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 4.5%;
    max-width: 860px;
    max-height: 605px;
}
.title-img {
    overflow: hidden;
    max-height: 500px;
    max-width: 700px;
}
.grid-container-uebersicht .grid-item-border {
    margin-right: 0;
    margin-bottom: 2em;
    border-bottom: dashed 1px #3f5c78;
    padding-bottom: 1em !important;
}
.grid-item {
    margin-left: 0;
	left: 0;
    width: 100%;
}
.grid-item img {
    padding: 1em;
}
.grid-item-seminare img {
    width: 60%;
    height: auto;
    margin-left: 20%;
}
article {
    /* border: 1px solid rgba(0, 0, 0, 0.8); */
    padding: 0em !important;
    font-size: 30px;
    text-align: left;
    margin-left: 0em !important;
}
article.grid-item-border-news {
    border-bottom: dashed 1px #3f5c78;
    margin-bottom: 1.5em;
    padding-bottom: 1em !important;
}
.grid-container-dreispaltig-border {
    padding: 2em;
}
.beitragstext-news {
    padding-right: 1em;
    padding-bottom: 1em !important;
}
article.grid-item-news {
    border-bottom: dashed 1px #3f5c78;
    margin-bottom: 1.5em;
}
article.grid-item {
    width: 100%;
    margin-left: 1.5em;
    margin-bottom: 0em;
    padding-bottom: 2em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0;
}
article.grid-item h1 {
    font-size: 43pt;
    margin-top: 0em !important;
    margin-bottom: 0;
}
/*_____Beitragsbilder_________*/
.beitragsbild {
    max-width: 400px;
    margin: 2em auto;
}
.beitragsbild img {
    width: 90%;
    margin-left: 5%;
}
.beitragsbild-zweispaltig img {
    margin-left: 17.5%;
    width: 65%;
}
.beitragsbild-zweispaltig {
    height: auto;
    margin-bottom: 1em;
    margin-top: 0em;
}
.beitragsbild-seminare img {
    width: 70%;
    height: auto;
    margin-right: 15%;
    margin-bottom: 2em;
    margin-top: 2em;
}
img.attachment-Beitragsbild.size-Beitragsbild.wp-post-image {
    height: auto;
    width: 100%;
}
.beitragstext-uebersicht {
    width: 100% !important;
    float: none !important;
    margin-top: 1em !important;
}
img.attachment-Beitragsbild.size-Beitragsbild.wp-post-image {
    height: auto;
}
/*_____Icons_________*/
.icon-phone img {
    width: 25px;
    padding-right: 0.5em;
}
.icon-mail img {
    width: 30px;
    padding-right: 0.5em;
    /* margin-top: -0.5em; */
}

.pfeil-hoch img {
    width: 15%;
    margin-left: 42.5%;
    margin-bottom: -2em;
    margin-top: 2em;
}
.pfeil-runter img {
    width: 15%;
    margin-left: 42.5%;
    margin-top: -2em;
}
/*_____Footer_________*/
.footer .grid-item {
    margin-top: 2em;
}
.footer {
    grid-area: footer;
    width: 100% !important;
    padding: 1em;
    background: #3f5c78;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

}
@media screen and (min-width: 500px) and (max-width:1200px)  {	

.title h1 {
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 1.5em;
    padding-left: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 22pt !important;
    margin: 490px 1em auto;
    text-align: center;
    width: 605px;
}
.headline-header-unterseiten {
    text-align: center;
}
.grid-container-title .grid-item {
    background-image: url(/wp-content/uploads/2021/01/Rahmen09.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 0.8em;
    width: 700px;
    height: 500px;
    mix-blend-mode: multiply;
    margin-bottom: 4em;
    margin: 0 auto;
}
.title-text-home {
    width: 85%;
    color: #3f5c78;
    text-align: center;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;
    font-family: minion-pro, serif;
    margin: 8em auto 2em;
}
.title-img {
    overflow: hidden;
    width: 610px;
    height: 425px;
    margin: 1em auto;
}
.grid-container-zweispaltig-2zu1 {
    margin: 2em;
}
article.grid-item-border {
    border-bottom: dashed 1px #848181;
}
.beitragstext-uebersicht {
    width: 60%;
    float: right;
    margin-top: -1em;
}
.grid-container-einspaltig {
    margin-left: 2em;
    margin-right: 2em;
    border-bottom: dashed 1px #a09e9e;
    padding-bottom: 4em;
    padding-top: 4em;
}
}
@media screen and (min-width: 1000px) and (max-width:1200px) {
.site-nav {
    margin-top: 3em;
}
.beitragsbild img {
    width: 50% !important;
    margin-left: 25%;
}
}
@media screen and (min-width: 1200px) and (max-width:1400px) {	
	.main-kontakt {
    margin-top: 11em;
}
.title h1 {
    font-size: 22pt;
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 3.3em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-left: 348px;
    margin-top: 15.5%;
    animation: translating 0.5s linear;
}
.headline-header-unterseiten {
    margin-top: 80px;
    margin-left: 750px;
    position: absolute;
}
.title-text-home {
    width: 35%;
    margin-top: -290px;
    margin-bottom: 10%;
    margin-left: 715px;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;
}
.beitragsbild img {
    width: 80% !important;
    margin: 0 15%;
}
.grid-container-title .grid-item {
    background-image: url(/wp-content/uploads/2021/01/Rahmen09.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* margin-left: 5%; */
    padding: 0.8em;
    width: 700px;
    height: 500px;
    mix-blend-mode: multiply;
    margin-bottom: 4em;
}
.title-img {
    overflow: hidden;
    width: 94%;
    height: 430px;
}
.grid-container-dreispaltig {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: auto auto auto;
    padding: 1em;
}
article.grid-item-border {
    border-bottom: dashed 1px #9a9696;
    margin-bottom: 1em;
}
.header {
    max-width: 1300px;
    height: fit-content;
    padding: 1em;
    margin: 100px 5em auto;
}
.grid-container-zweispaltig {
    display: grid;
    grid-gap: 2.5em;
    grid-template-columns: auto auto;
    padding: 1em;
}
}
/*_______________________________________________________Medium_02_____Min-width:1000px_And_Max-width:1400px______________________________________________*/	
@media screen and (min-width: 1000px) and (max-width:1400px) {	

.logo {
    padding-top: 0em;
	padding-bottom: 0 !important;
    width: 70%;
    animation: logo 0.2s linear;
    position: relative;
}
.logo img {
    width: 300px !important;
    margin-top: -4em !important;
    position: absolute;
}
.main {
    grid-area: main;
    width: 90% !important;
    margin: 0 auto;
    margin-bottom: 4em;
}
.main-ohne-header {
    max-width: 70%;
    margin: 10% auto;
    padding-top: 4em;
}
/*_____Fonts_________*/
p {
    font-size: 13pt;
    line-height: 1.8;
    color: #747d7a;
    margin-block-end: 1em;
}
h1 {
    font-size: 60pt;
}
/*_____Header_________*/	
.title-img {
    width: 97%;
    margin: 0 auto;
}
.title-unterseiten h1 {
    font-size: 22pt;
    margin-left: 8.2em;
    margin-top: -5em;
}
.title-blau h1 {
	font-size: 22pt;
    background: #3f5c78;
    color: #fff;
    text-align: center;
    position: absolute;
    padding-right: 3.3em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
    margin-left: 15%;
    margin-top: 20%;
    width: 70%;
}
.title-gruen h1 {
    text-align: center;
    position: absolute;
    background: #02715c;
    color: #fff;
    padding-right: 3.3em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
    font-size: 22pt;
    margin-left: 15%;
    margin-top: 30%;
    width: 70%;
}
.title-rosa h1 {
    text-align: center;
    position: absolute;
    background: #e2c0c8;
    color: #fff;
    padding-right: 3.3em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    animation: translating 0.5s linear;
    font-size: 22pt;
    margin-left: 15%;
    margin-top: 20%;
    width: 70%;
}
.title-lila h1 {
    margin-left: 15%;
    margin-top: 25%;
    width: 70%;
}
.title-seminare img {
    width: 50%;
    margin: -2em 25%;
}
.title-seminare h1 {
    margin: 6% 25%;
    width: 50%;
}
.headline-header-blau {
    text-align: center;
    width: 100%;
}
.headline-header-gruen {
    text-align: center;
    width: 100%;
}
.headline-header-rosa {
    text-align: center;
    width: 100%;
}
.title-text {
    margin-left: 13%;
    width: 40%;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    animation: translating 1s linear;
}
.title-text-seminare-unterseiten {
    margin-left: 15%;
    margin-bottom: 4em;
    width: 70%;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    animation: translating 1s linear;
    margin-top: 14%;
}
/*_____grids_________*/
.grid-item {
    padding: 1em;
    font-size: 30px;
    text-align: left;
}
.grid-item img {
    width: 100%;
    padding: 1em;
}
.grid-container-einspaltig {
    margin-left: 2em;
    margin-right: 2em;
    border-bottom: dashed 1px #a09e9e;
    padding-bottom: 4em;
    padding-top: 4em;
}
.grid-container-title {
    margin-left: 1em;
}
.grid-item-seminare img {
    width: 50%;
    margin-left: 25%;
    margin-top: -2%;
}
.grid-container-uebersicht {
    display: grid;
}

.submenu {
    position: relative;
    margin-left: 10%;
    padding-bottom: 2em;
    border-bottom: dashed 1px #3f5c78;
    margin-right: 10% !important;
    width: 65% !important;
}
.beitragsbild {
    max-height: 450px;
}
article.grid-item {
    width: 85%;
    margin: 0 7.5% 0 7.5%;
    padding: 0em;
}
.grid-container-zweispaltig-2zu1 {
    grid-template-columns: 66.666667% 33.333333%;
    display: grid;
}
.grid-container-dreispaltig-border {
    display: grid;
    grid-gap: 0em;
    grid-template-columns: auto auto auto;
    padding: 1em;
    outline: dashed #aaafaa 1px;
}
article.grid-item-border-news {
    padding: 1em;
    font-size: 30px;
    text-align: left;
    outline: dashed #aaafaa 1px;
}
}
/*_______________________________________________________Large_____Min-width:1400px__________________________________________________________________*/		
@media screen and (min-width:1400px) {
	
.title-text-home-zweispaltig {
    margin-top: -14em;
    margin-bottom: 6em;
    margin-left: 840px;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;
    font-family: minion-pro, serif;
}
.title-lila h1 {
    margin-left: 19em;
    margin-top: 7em;
}
.main-ohne-header {
    grid-area: main;
    width: 1400px;
    margin: 0 auto;
    margin-bottom: 4em;
    padding-top: 7em;
    /* width: 100%; */
}
.karte {
    max-height: 440px;
    width: 450px;
    overflow: hidden;
    margin-top: 1em;
}
/*___________grids______________*/
.grid-item {
    padding: 1em;
    text-align: left;
}

.grid-item-border {
    margin-bottom: 2em;
    padding: 1em;
    border-bottom: dashed #dddedd 1px;
}
.main-kontakt {
    grid-area: main;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 4em;
    padding-top: 13em;
}
/*___________grid_Container______________*/	
.grid-container-vierspaltig{
	display: grid;
    grid-gap: 2.5em;
    grid-template-columns: auto auto auto auto;
    padding: 1em;
    outline: dashed #dddedd 1px;
}	
.grid-container-dreispaltig {
    display: grid;
    grid-gap: 2.5em;
    grid-template-columns: auto auto auto;
    /* background-color: #2196F3; */
    padding: 1em;
    /* margin: 0 auto; */
}
.grid-container-zweispaltig {
    display: grid;
    grid-gap: 2.5em;
    grid-template-columns: 1fr 1fr;
    padding: 1em;
}
.grid-container-einspaltig {
    display: grid;
    grid-gap: 2.5em;
    grid-template-columns: auto;
    padding: 2em;
    margin: 2em;
}
.grid-container-zweispaltig-2zu1 {
    grid-template-columns: 66.666667% 33.333333%;
    display: grid;
}
.grid-container-zweispaltig-1zu2 {
    grid-template-columns: 33.333333% 66.666667%;
    display: grid;

    border: dashed #dddedd 1px;
}
/*_________grid_Container_mit_border____________*/
.grid-container-dreispaltig-border {
    display: grid;
    grid-gap: 2.5em;
    grid-template-columns: auto auto auto;
    padding: 1em;
    outline: dashed #aaafaa 1px;
}
.grid-container-zweispaltig-2zu1-border {
    grid-template-columns: 66.666667% 33.333333%;
    display: grid;
    border: dashed #dddedd 1px;
}
/*_____________grid_Container_Seminare_Übersicht_______________-*/
.grid-container-uebersicht {
    display: grid;
    grid-gap: 2.5em;
    grid-template-columns: auto;
    /* background-color: #2196F3; */
    padding: 1em;
    /* margin: 0 auto; */
}

/*_________grid_Container_News_______________-*/
.grid-item-border-news {
    padding: 1em;
    font-size: 30px;
    text-align: left;
    /* outline: dashed #aaafaa 1px; */
    border-left: dashed #aaafaa 1px;
    border-top: dashed #aaafaa 1px;
    border-right: dashed #aaafaa 1px;
}
/*.grid-item-border-news:first-child {
    border-right: none;
}*/
/*______________Rows________________________*/
.row-green {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: auto;
    background-color: #139992;
    padding: 1.5em;
    margin-bottom: 0em;
    margin-top: 0em;
}
.row-rosa {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: auto;
    background-color: #e8d1d6;
    padding: 1.5em;
    margin-bottom: 0em;
    margin-top: 0em;
}
.row-hellblau {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: auto;
    background-color: #1a6f98;
    padding: 1.5em;
    margin-bottom: 0em;
    margin-top: 0em;
}
.row-lila {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: auto;
    background-color: #af9daa;
    padding: 1.5em;
    margin-bottom: 5em;
    margin-top: 0em;
}
/*_________Header____________*/	
.logo {
    padding-top: 0em;
    width: 70%;
    animation: logo 0.2s linear;
    position: absolute;
}
.logo img {
    width: 360px;
    padding: 1em;
    margin-left: 0em;
    background: #fff;
    margin-top: -4em;
}
.grid-container-header {
    display: grid;
    grid-gap: 50px 100px;
    grid-template-columns: auto auto;
    padding: 10px;
    margin: 0 auto;
}
.grid-container-title .grid-item {
    background-image: url(/wp-content/uploads/2021/01/Rahmen09.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 800px;
    mix-blend-mode: multiply;
    height: 600px;
}
.title-text {
    width: 40%;
    margin-top: -13em;
    margin-bottom: 10%;
    margin-left: 900px;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;;
}
.title h1 {
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    font-size: 26pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-left: 16em;
    margin-top: 7em;
    FONT-VARIANT: JIS90;
    min-width: 940px;
    text-align: left;
}
.title-unterseiten h1 {
    margin-left: 15em;
    margin-top: -11em;
}
.headline-header-unterseiten {
    margin-top: 19em;
    position: absolute;
    margin-left: 52em;
}
.headline-header-zweispaltig h1 {
    font-size: 55pt;
    line-height: 57pt;
}

/*_________Header_home__________*/	

.title-text-home {
    width: 40%;
    margin-top: -11em;
    margin-bottom: 10%;
    margin-left: 840px;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;
    font-family: minion-pro, serif;
}
/*_________Header_Seminare_Unterseiten__________*/	
.container-title-seminare-unterseiten img {
    width: 50%;
    padding-bottom: 4em;
    padding-left: 2em;
}
.title-rosa h1 {
    position: absolute;
    background: #eddae0;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    text-align: center;
    font-size: 24pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-left: 16.5em;
    margin-top: 7em;
    animation: translating 0.5s linear;
    width: 930px;
}
.title-blau h1 {
    position: absolute;
    background: #3f5c78;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    text-align: center;
    font-size: 24pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 16em;
    margin-top: 7em;
    animation: translating 0.5s linear;
    width: 850px;
}
.title-gruen h1 {
    position: absolute;
    background: #c6e7e6;
    color: #fff;
    text-align: center;
    padding-right: 2em;
    padding-left: 2em;
    font-size: 24pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 16em;
    margin-top: 7em;
    animation: translating 0.5s linear;
    width: 850px;
}
.title-hellblau h1 {
    position: absolute;
    background: #95d2f1;
    color: #fff;
    padding-right: 2em;
    padding-left: 2em;
    text-align: center;
    font-size: 24pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: relation-one, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-left: 16.5em;
    margin-top: 9em;
    animation: translating 0.5s linear;
    width: 930px;
}
.headline-header-lila {
    margin-top: 5em;
    position: absolute;
    margin-left: 39em;
}
.headline-header-blau {
    margin-top: 6em;
    position: absolute;
    margin-left: 43em;
}
.headline-header-hellblau h1 {
    color: #4399c3;
    font-size: 78pt;
    margin-top: 0.5em;
}
.headline-header-hellblau {
    margin-top: 6em;
    position: absolute;
    margin-left: 33em;
    min-width: 1000px;
}
.headline-header-gruen {
    margin-top: 6em;
    position: absolute;
    margin-left: 40em;
}
.headline-header-gruen h1 {
    color: #0b8580;
}
.headline-header-rosa {
    margin-top: 3em;
    position: absolute;
    margin-left: 33em;
    min-width: 1000px;
}
.headline-header-rosa h1 {
    color: #cca3ac;
    font-size: 78pt;
    margin-top: 0.5em;
}
/*________Header-WorkWithMe_______*/
.grid-item-title-work img {
    width: 40%;
    padding: 4em;
}
.grid-container-title .grid-item-title-work {
    background-image: url(bilder/Rahmen09.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1600px;
    animation: translating 0.5s linear;
}
/*_________News_________________*/
.grid-item-news img {
    width: 100%;
    height: auto;
}
.title-text-seminare-unterseiten {
    width: 50%;
    margin-top: -9.5em;
    margin-bottom: 10%;
    margin-left: 690px;
    color: #3f5c78;
    font-style: italic;
    line-height: 1.5;
    font-size: 14pt;
    animation: translating 1s linear;
}
}
@media screen and (min-width:1574px) {
.headline-header-zweispaltig {
    margin-top: 19em;
    position: absolute;
    margin-left: 52em;
}
.grid-container-title {
    margin-top: 200px;
    margin-bottom: 4em;
}
}
@media screen and (max-width:1573px) and (min-width:500px) {
.headline-header-zweispaltig {
    margin-top: 200px;
	}
.grid-container-title {
    margin-top: 1em;
}
.headline-header-lila {
    margin-left: 27%;
    width: 73%;
}
}

@media screen and (min-width:1200px) and (max-width:1936px) {
.submenu {
    position: relative;
    line-height: 2;
    padding-bottom: 2em;
    border-bottom: dashed 1px #3f5c78;
    width: calc(100% - 8em);
    margin-left: 1em;
    margin-right: 2em;
}
.title-text {
    margin-bottom: 5%;
}
}
@media screen and (min-width:1750px){
.container-title-seminare-unterseiten {
    margin: 5% auto;
}
}