/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
iframe#map-startseite {
	margin:0;
	width:100%;
	max-width:100%;
}



/*====================================================================================================================
  #00       Inhaltsverzeichnis
            ----------------------------------------------------------------------------------------------------------
  #00-01    Farbwerte
  #00-02    Schriften
  --------------------------------------------------------------------------------------------------------------------
  #01-00    Normalisierung
            ----------------------------------------------------------------------------------------------------------
            #01-01    Individuelle Erweiterung der Normalisierung
            #01-02    Reduzierte Konfiguration YAML Base (Spalten und Grid)
  --------------------------------------------------------------------------------------------------------------------
  #02-00    Basis Auszeichnungen
            ----------------------------------------------------------------------------------------------------------
            #02-01    Überschriften
            #02-02    Texte
            #02-03    Links
            #02-04    Listen
            #02-05    Bilder
            #02-06    Tabellen
            #02-07    Formulare
            #02-08    Helfer Klassen für Positionierung
            #02-09    Helfer Klassen für Sichtbarkeit und Float Clearing
            #02-10    Meldungen für Javascript Aktivierung und Browserupdate
  --------------------------------------------------------------------------------------------------------------------
  #03-00    Basis Layout
            ----------------------------------------------------------------------------------------------------------
            #03-01    Kopf- und Fußzeile
            #03-02    Randspalten
            #03-03    Hauptspalte
            #03-04    YAML Grid (Subcolumns) Konfiguration
  --------------------------------------------------------------------------------------------------------------------
  #04-00    Navigation
            ----------------------------------------------------------------------------------------------------------
            #04-01    Navigation  (Primär)
            #04-02    Navigation  (Sekundär)
            #04-03    Navigation  (Sitemap)
            #04-04    Navigation  (Pagnination)
            #04-05    Navigation  (Navigationspfad)
            #04-06    Navigation  (Quicknavigation)
  --------------------------------------------------------------------------------------------------------------------
  #05-00    Inhaltselemente (Contao Core)
            ----------------------------------------------------------------------------------------------------------
            #05-01    Text Elemente
            #05-02    Akkordeon
            #05-03    Link Elemente
            #05-04    Media Elemente
            #05-05    Datei Elemente
            ----------------------------------------------------------------------------------------------------------
            #05-06    Colorbox
            ----------------------------------------------------------------------------------------------------------
            #05-07    Syndication (Facebook und Co.)
  --------------------------------------------------------------------------------------------------------------------
  #06-00    Frontend-Module (Contao Core)
            ----------------------------------------------------------------------------------------------------------
            #06-01    Nachrichten
            #06-02    Events
            #06-03    FAQ
            #06-04    Suche
            #06-05    Kommentare
  --------------------------------------------------------------------------------------------------------------------
  #07-00    Frontend-Module (Erweiterungen)
            ----------------------------------------------------------------------------------------------------------
            #07-01    Slider (Caroufredsel)
            #07-02    DLH Google Maps
            #07-03    ...
  --------------------------------------------------------------------------------------------------------------------
  #08-00    Individuelle Klassen
  --------------------------------------------------------------------------------------------------------------------
  #09-00    Media Queries
            ----------------------------------------------------------------------------------------------------------
            #09-01    @media screen and (max-width: 900px) - linearize-level-1
            #09-02    @media screen and (max-width: 640px) - linearize-level-2
            #09-03    @media screen and (max-width: 480px) - linearize-level-3
            #09-04    @media screen and (max-width: 360px) - linearize-level-4
  --------------------------------------------------------------------------------------------------------------------
  #10-00    Druckausgabe
====================================================================================================================*/

/*====================================================================================================================
  #00-01    Farbwerte
  --------------------------------------------------------------------------------------------------------------------
  Farbcode  Verwendung

  #333      Basis Schriftfarbe
  #000      Überschriften
  #5a5a5a   Hintergrund Footer, Hintergrund Skiplinks

======================================================================================================================
  #00-02    Schriften
  --------------------------------------------------------------------------------------------------------------------
  google.com/fonts    Open+Sans:400,600 | Standard Schrift | Einbindung über Contao Seitenlayouts
  google.com/fonts    Montserrat:400,700 | Headlines | Einbindung über Contao Seitenlayouts
  typekit.com         ./.
  fonts.com           ./.
  fontsquirrel.com    ./.
====================================================================================================================*/

@font-face {  }

/*====================================================================================================================
  #01-00    Normalisierung
  --------------------------------------------------------------------------------------------------------------------
  normalize.css | Version: 3.0.3 | Lizenz: MIT
  Link: https://github.com/necolas/normalize.css/
====================================================================================================================*/

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*====================================================================================================================
  #01-01    Individuelle Erweiterung der Normalisierung
====================================================================================================================*/

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea {
  margin: 0;
  padding:0;
  border: none;
}

ul, ol, dl { list-style-type: none; }

/*------------------------------------------------------------------------------------------------------------------*/

img { max-width: 100%; height: auto; }

/*------------------------------------------------------------------------------------------------------------------*/

table,table tr { width: 100%; }

table td { vertical-align: top; }

/*------------------------------------------------------------------------------------------------------------------*/

textarea { resize: vertical; }
legend { width: 100%; display: block; }

label,
input[type="radio"],
input[type="checkbox"] { vertical-align: middle; }

input[type="reset"] { display: none!important; }

/*--------------------------------------------------------------------------------------------------------------------
  Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern.
--------------------------------------------------------------------------------------------------------------------*/

h1:target,
h2:target,
h3:target,
h4:target,
h5:target,
h6:target,
div:target { outline: 0 none; }

/*--------------------------------------------------------------------------------------------------------------------
  Entfernung der Lücke zwischen den Elementen und der Unterseite ihrer Container.
  Link: https://github.com/h5bp/html5-boilerplate/issues/440
--------------------------------------------------------------------------------------------------------------------*/

img,
svg,
video,
audio,
canvas,
iframe { vertical-align: middle; }

/*--------------------------------------------------------------------------------------------------------------------
  Entfernung "text-shadow" bei Selection Hervorhebung. 
  Anm: Beide Anweisungen müssen separat vorgenommen werden. Hintergrundfarbe kann an Design angepasst werden.
  Link: https://twitter.com/miketaylr/status/12228805301
--------------------------------------------------------------------------------------------------------------------*/

::-moz-selection { text-shadow: none; background: #ccc; }
::selection { text-shadow: none; background: #ccc; }

/*====================================================================================================================
  #01-02    Reduzierte Konfiguration YAML Base (Spalten und Grid)
  --------------------------------------------------------------------------------------------------------------------
  Lizenz: Creative Commons Attribution 2.0 License (CC-BY 2.0) | http://creativecommons.org/licenses/by/2.0/
  Link: http://www.yaml.de/
====================================================================================================================*/

.page-column-wrapper{display:table;table-layout:fixed;width:100%}.ce_grid{display:table;table-layout:fixed;width:100%;margin:0;list-style-type:none}.ym-gl{float:left;margin:0}.ym-gr{float:right;margin:0 0 0 -5px}.ym-g20{width:20%}.ym-g25{width:25%}.ym-g33{width:33.333%}.ym-g38{width:38.2%}.ym-g40{width:40%}.ym-g50{width:50%}.ym-g60{width:60%}.ym-g62{width:61.8%}.ym-g66{width:66.666%}.ym-g75{width:75%}.ym-g80{width:80%}.grid-equalize{overflow:hidden}.grid-equalize>[class*=ym-g]{display:table-cell;float:none;margin:0;vertical-align:top}.grid-equalize>[class*=ym-g]>[class*=ym-gbox]{padding-bottom:10000px;margin-bottom:-10000px}

/*====================================================================================================================
  #02-00    Basis Auszeichnungen
====================================================================================================================*/
  
/*--------------------------------------------------------------------------------------------------------------------
  1.  Alle Schriftgrößen auf theoretische Browser Standardgröße von 16 Pixel setzen.
  2.  Erzwingung der Anzeige der Browser Scrolleiste zur Vermeidung von horizontalen Verschiebungen beim Seitenwechsel.
  3.  Aktivierung CSS3 Box Model für alle HTML Elemente.
      Link: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
--------------------------------------------------------------------------------------------------------------------*/

html {
  font-size: 100%;                /* 1 */
  overflow-y: scroll;             /* 2 */
  -webkit-box-sizing: border-box; /* 3 */
     -moz-box-sizing: border-box; /* 3 */
          box-sizing: border-box; /* 3 */
}

*,
*:before,
*:after { box-sizing: inherit; }  /* 3 */

body {
  color: #333;
  background: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;  
  line-height: 1.5;
  word-wrap: break-word;
}

/*====================================================================================================================
  #02-01    Überschriften
====================================================================================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  line-height: 1.25;
  font-size:inherit;
  text-align: center;
  font-weight: inherit;
  letter-spacing: 4px;
  letter-spacing: 0.25em;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-rendering: optimizelegibility;
}



h1 {
  font-weight:700;
  font-size: 38px; 
  font-size: 2.275rem;
  /* hier war vorher 2.375 */
}

h2 {
  font-weight:700;
  font-size: 22px;
  font-size: 1.375rem;
}

h3 { letter-spacing: 3px; letter-spacing: 0.1875em; }

h4,
h5,
h6 {  }

/*h2.ce_headline+.ce_text h2,
h3.ce_headline+.ce_text h3,
h2.ce_headline+h2.ce_headline,
h3.ce_headline+h3.ce_headline { margin-top: -1.25rem; margin-top: -1.25rem; }*/

/*====================================================================================================================
  #02-02    Texte
====================================================================================================================*/

p {  }

q,
cite,
blockquote {
  font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
  font-style: normal;
  background: transparent;
  
}

hr {
  display: block;
  height: 1px;
  padding:0;
  border: 0;
  border-top: 1px solid #ccc; 
}


/*====================================================================================================================
  #02-03    Links
====================================================================================================================*/

a { color: inherit; text-decoration: none; }

.main-content a { text-decoration: underline; }

a:hover,
a:focus { text-decoration: underline; outline: 0; }


.main-content p a { text-decoration: underline; }

.main-content p a:hover,
.main-content p a:focus { text-decoration: none; }

/*------------------------------------------------------------------------------------------------------------------*/

figure a:hover,
figure a:focus { color: transparent; background: transparent; text-decoration: none; }

/*------------------------------------------------------------------------------------------------------------------*/

a.skiplink { display: block; padding: 10px 20px;  }

a.skiplink:hover,
a.skiplink:focus { color: #fff; background: #333; text-decoration: none; }

/*====================================================================================================================
  #02-04    Listen
====================================================================================================================*/



/*====================================================================================================================
  #02-05    Bilder
====================================================================================================================*/



/*====================================================================================================================
  #02-06    Tabellen
====================================================================================================================*/

.ce_table h2 { margin-bottom: 40px !important; margin-bottom: 2.5rem !important; }

.ce_table { text-align: left; }

.ce_table.seminar-raum { text-align: center; }

.table-wrapper {
	width: 100%;
	overflow-y: auto;
	max-width:1100px !important;
	margin-left:auto;
	margin-right:auto;
}

.table-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height:14px;
}

.table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

.table-wrapper img {
	width:100%;
}



.ce_table.seminar-pauschale table th:first-child,
.ce_table.seminar-pauschale table td:first-child { width: 25%; }

.ce_table.seminar-pauschale table th:nth-child(2),
.ce_table.seminar-pauschale table td:nth-child(2) { width: 60%; }

.ce_table.seminar-pauschale table th:last-child,
.ce_table.seminar-pauschale table td:last-child { width: 15%; text-align: center; }


/*.ce_table table th,
.ce_table table td { width: 13.333333333%; }

.ce_table table th:first-child,
.ce_table table td:first-child { width: auto; }*/

/*.ce_table table th,
.ce_table table td { width: 14.285714285%; }*/

.ce_table table thead th,
.ce_table table tbody td:first-child {
  padding:5px;
  color: #000;
  font-weight: 600;
  letter-spacing: 4px;
  letter-spacing: 0.25em;
  word-wrap: break-word;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-rendering: optimizelegibility;
}

.ce_table table tbody td { padding: 5px; border-bottom: 1px solid #000; }

.ce_table table thead th:first-child,
.ce_table table tbody td:first-child { text-align: left; }

.ce_table table tbody tr { border-bottom: 1px solid #000; }
.ce_table table tbody tr:last-child { border-bottom: 2px solid #000; }

.ce_table table thead tr:first-child { border-bottom: 2px solid #000; }
.ce_table.seminar-raum table thead tr:first-child { border-bottom: none; }

.ce_table.seminar-raum table tbody tr:first-child { border-bottom: 2px solid #000; }

/* Spalte mit Icons - Start */
.ce_table.seminar-raum table tbody tr:first-child td { padding: 5px 5px 15px 5px; }              
.ce_table.seminar-raum table tbody tr:first-child td img { max-width: 75px; }
/* Spalte mit Icons - Ende */

/* Einblendung Texthinweis zur Scrollbarkeit der Tabelle "seminar-raum" - Start */
@media screen and (max-width: 805px) {
.ce_table.seminar-raum h2:after {
  display: block;
  margin-top: 20px;
  letter-spacing: 0;
  text-transform: none;
  color: #333;
  background: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;  
  line-height: 1.5;
  word-wrap: break-word;
  content: 'Sie können die Tabelle scrollen.'
}
} /* Nicht löschen */
/* Einblendung Texthinweis zur Scrollbarkeit der Tabelle "seminar-raum" - Ende */


/* Einblendung Texthinweis zur Scrollbarkeit der Tabelle "seminar-pauschale" - Start */
@media screen and (max-width: 554px) {
.ce_table.seminar-pauschale h2:after {
  display: block;
  margin-top: 20px;
  letter-spacing: 0;
  text-transform: none;
  color: #333;
  background: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;  
  line-height: 1.5;
  word-wrap: break-word;
  content: 'Sie können die Tabelle scrollen.'
}
} /* Nicht löschen */
/* Einblendung Texthinweis zur Scrollbarkeit der Tabelle "seminar-pauschale" - Ende */


.ce_table table tfoot {  }


/* PF Überarbeitung / Optimierung falls notwendig - Start* /
/*.ce_table.veranstaltungen td.col_0 { width: 20%; text-align: left; }
.ce_table.veranstaltungen td.col_1 { width: 20%; text-align: left; }
.ce_table.veranstaltungen td.col_2 { width: 40%; text-align: left; text-transform: none !important;  }
.ce_table.veranstaltungen td.col_3 { width: 20%; text-align: center; }*/
/* PF Überarbeitung / Optimierung falls notwendig - Ende */


.ce_table.bilder .table-wrapper {
	max-width:100%;
}

.ce_table.bilder .table-wrapper table {
	table-layout:fixed;
}

.ce_table.bilder .table-wrapper table th,
.ce_table.bilder .table-wrapper table td {
	vertical-align:middle;
	text-align:center;
}

@media screen and (max-width:700px) {
	
	.ce_table.bilder .table-wrapper table {
		display:block;
	}
	
	.ce_table.bilder .table-wrapper table th,
	.ce_table.bilder .table-wrapper table td {
		display:block;
	}
	
	.ce_table.bilder table tbody tr {
		border-bottom:none;
	}
	
	.ce_table.bilder table {
		border-bottom:1px solid #000;
	}
}

/*====================================================================================================================
  #02-07    Formulare
====================================================================================================================*/

select,
textarea,
input:not([type]),
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="date"],
input[type="time"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="button"],
input[type="submit"],
input[type="password"],
input[type="datetime"] {
  width: 100%; 
  margin:0 0 0.75em 0;
  padding: 5px;
  display: block;
  color: inherit;
  font-size: inherit; 
  font-family: inherit;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

select:focus,
textarea:focus,
input:not([type]):focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus {
  outline: 0;
  border-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
}

select {
  border-radius: 0;
  -webkit-appearance: none;
}

/*select:hover,
textarea:hover,
input:not([type]):hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="text"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover {
  outline: 0;
  border-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
}*/

/*--------------------------------------------------------------------------------------------------------------------
  Fix some width and height settings
--------------------------------------------------------------------------------------------------------------------*/

input[type="file"] { display: block; cursor: pointer; }

input[type="file"],
input[type="image"],
input[type="radio"],
input[type="checkbox"] { width: auto; }

textarea,
select[size],
select[multiple] { height: auto; }

/*--------------------------------------------------------------------------------------------------------------------
  Handle disabled and read-only
--------------------------------------------------------------------------------------------------------------------*/

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] { cursor: not-allowed; background: #eee; }

input[type="radio"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][disabled],
input[type="checkbox"][readonly] { background: transparent; }

/*--------------------------------------------------------------------------------------------------------------------
  Buttons
--------------------------------------------------------------------------------------------------------------------*/

/*input[type="button"],
input[type="submit"] { 
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 3px; 
  letter-spacing: 0.1875em;
  text-transform: uppercase;
  background:#333;
  margin-bottom:0;
}

input[type="button"]:focus,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover { background: #000; }*/

/*--------------------------------------------------------------------------------------------------------------------
  Checkboxes and radio buttons
--------------------------------------------------------------------------------------------------------------------*/

input[type="radio"],
input[type="checkbox"] { margin: 0 0.25em 0 0; }

.widget-radio,
.widget-checkbox { margin: 0 0 0.75em 0; }

.widget-radio span,
.widget-checkbox span { display: block; }

label { 
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 3px; 
  letter-spacing: 0.1875em;
  text-transform: uppercase;
}

/*--------------------------------------------------------------------------------------------------------------------
  Error Messages in older Browsers
--------------------------------------------------------------------------------------------------------------------*/

p.error { font-size: 12px; font-size: 0.75rem; font-weight: bold; color: #fff; background: #cc0000; padding: 3px 5px 5px 5px; }

/*--------------------------------------------------------------------------------------------------------------------
  Formular: Anfrage - Seminar
--------------------------------------------------------------------------------------------------------------------*/

.widget-explanation { margin:0 0 0.75em 0; }

.widget-explanation p { text-align: justify; }

fieldset { margin-top: 40px; }

fieldset:first-of-type { margin-top: 0; }

fieldset legend {
  width: 100%;
  display: inline-block;
  margin-bottom: 40px;
  color: #000;
  line-height: 1.25;
  font-weight:700;
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 4px;
  letter-spacing: 0.25em;
  border-top: none;
  border-bottom: 2px solid;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-rendering: optimizelegibility;
}

.widget-radio fieldset,
.widget-checkbox fieldset { border-top: none; }

.widget-radio fieldset legend,
.widget-checkbox fieldset legend {
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: 1px solid;
}

.widget-radio.room-equipment {  }

.widget-radio.room-equipment span { margin: 0 30px 30px 0; display: inline-block; }
.widget-radio.room-equipment span:last-child { margin-right: 0; }

.widget-radio.room-equipment input { display: block; margin: 20px auto 10px auto; }
.widget-radio.room-equipment label { display: inline-block; width: 76px; height: 105px; text-align: center; }

.ie .widget-radio.room-equipment label { height: 135px; }

.widget-radio.room-equipment label#lbl_95_0 { background: transparent url("../../files/theme/img/icon_refugium_seminar_utafel.svg") no-repeat bottom center; }
.widget-radio.room-equipment label#lbl_95_1 { background: transparent url("../../files/theme/img/icon_refugium_seminar_theater.svg") no-repeat bottom center; }
.widget-radio.room-equipment label#lbl_95_2 { background: transparent url("../../files/theme/img/icon_refugium_seminar_block.svg") no-repeat bottom center; }
.widget-radio.room-equipment label#lbl_95_3 { background: transparent url("../../files/theme/img/icon_refugium_seminar_schule.svg") no-repeat bottom center; }
.widget-radio.room-equipment label#lbl_95_4 { background: transparent url("../../files/theme/img/icon_refugium_seminar_sesselkreis.svg") no-repeat bottom center; }

.widget-radio.room-equipment label#lbl_226_0 { background: transparent url("../../files/theme/img/icon_refugium_seminar_utafel.svg") no-repeat bottom center; }
.widget-radio.room-equipment label#lbl_226_1 { background: transparent url("../../files/theme/img/icon_refugium_seminar_theater.svg") no-repeat bottom center; }
.widget-radio.room-equipment label#lbl_226_2 { background: transparent url("../../files/theme/img/icon_refugium_seminar_block.svg") no-repeat bottom center; }
.widget-radio.room-equipment label#lbl_226_3 { background: transparent url("../../files/theme/img/icon_refugium_seminar_schule.svg") no-repeat bottom center; }
.widget-radio.room-equipment label#lbl_226_4 { background: transparent url("../../files/theme/img/icon_refugium_seminar_sesselkreis.svg") no-repeat bottom center; }


.widget-checkbox.room-extra-charge span { margin-bottom: 0.5em; }

/* Positionierung und Gestaltung Datepicker - Start */
.booking-time [class*="ym-gbox"] { position: relative; }
.booking-time img { position: absolute; top: 29px; right: 5px; }
.selected-button, .datepicker_bootstrap .days .day.selected, .datepicker_bootstrap .days .day.selected:hover, .datepicker_bootstrap .months .month.selected, .datepicker_bootstrap .months .month.selected:hover, .datepicker_bootstrap .years .year.selected, .datepicker_bootstrap .years .year.selected:hover { background: #000 !important; }
/* Positionierung und Gestaltung Datepicker - Ende */

input[type="button"],
input[type="submit"] {
  margin: 40px 0 0 0;
  padding: 20px 0;
  border: none;
  color: #5d682a;
  border-bottom: 1px solid #5d682a;
  border-top: 1px solid #5d682a;
  line-height: 1.25;
  font-weight:700;
  letter-spacing: 4px;
  letter-spacing: 0.25em;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-rendering: optimizelegibility;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

input[type="button"]:focus,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover { color: #fff; background: #000; }

/*--------------------------------------------------------------------------------------------------------------------
  Formular: Iframe Rapidmail
--------------------------------------------------------------------------------------------------------------------*/

iframe { max-width: 100%; }

/*.embed-wrapper {
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}

.embed-wrapper iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

.embed-wrapper.ratio4x3 { padding-bottom: 75%; }
*/



.ios.mobile .embed-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; /* scroll */
}

.embed-wrapper ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height:14px;
}

.embed-wrapper ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

.embed-wrapper {
  position: relative;
  height: 0;
  overflow: hidden;
  height: 100%;
}

.embed-wrapper.newsletter-registration { min-height: 290px; }
.embed-wrapper.newsletter-cancellation { min-height: 120px; }
.embed-wrapper.newsletter-archive { min-height: 155px; }      /* PF: Check,wenn Daten angezeigt werden */

.embed-wrapper iframe {
  position: absolute; 
  top: 0; 
  left: 50%; 
  width: 100%; 
  height: 100%; 
  margin-left: -210px;
}

@media screen and (max-width: 505px) {
.embed-wrapper iframe { left: 0; margin-left: 0; }
} /* Nicht löschen*/

/*====================================================================================================================
  #02-08    Helfer Klassen für Positionierung
====================================================================================================================*/

.float_above { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; }
.float_below { margin: 20px 0 0 0; margin: 1.25rem 0 0 0; }

.float-left,
.float_left {
  float: left;
  display: inline;
  margin: 0 20px 10px 0;
  margin: 0 1.25rem 0.625rem 0;
}

.float-right,
.float_right {
  float: right;
  display: inline;
  margin: 0 0 10px 20px;
  margin: 0 0 0.625rem 1.25rem;
}

.image_container.float_left,
.image_container.float_right { max-width: 50%; }

.center { display: block; text-align: center; }

/*====================================================================================================================
  #02-09    Helfer Klassen für Sichtbarbeit und Float Clearing
====================================================================================================================*/

/*--------------------------------------------------------------------------------------------------------------------
  Hide visually and from screen readers
  Link: http://juicystudio.com/article/screen-readers-display-none.php
--------------------------------------------------------------------------------------------------------------------*/

.invisible { display: none !important; visibility: hidden; }

/*--------------------------------------------------------------------------------------------------------------------
  Hide visually and from screen readers, but maintain layout
--------------------------------------------------------------------------------------------------------------------*/

.invisible-maintain-layout { visibility: hidden; }

/*--------------------------------------------------------------------------------------------------------------------
  Hide only visually, but have it available for screen readers
  http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
--------------------------------------------------------------------------------------------------------------------*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*--------------------------------------------------------------------------------------------------------------------
  Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard
  https://www.drupal.org/node/897638
--------------------------------------------------------------------------------------------------------------------*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*--------------------------------------------------------------------------------------------------------------------
  1. The space content is one way to avoid an Opera bug when the "contenteditable" attribute is included anywhere else
     in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the "clearfix" class.
  2. The use of 'table' rather than 'block' is only necessary if using ':before' to contain the top-margins of child elements.
--------------------------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after {
    content: " ";   /* 1 */
    display: table; /* 2 */
}

.clearfix:after { clear: both; }

/*====================================================================================================================
  #02-10    Meldungen für Javascript Aktivierung und Browserupdate
====================================================================================================================*/

.alert-no-javascript,
.alert-browser-update {
  color: #222;
  z-index: 9999;
  line-height:1.5;
  font-size: 14px;
  font-size:0.875rem;
  padding: 10px 20px;
  text-align: center;
  background:#ffff00;
  border-bottom: 1px solid #222;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
}

.alert-no-javascript a,
.alert-browser-update a { text-decoration: none; color: #222; padding-bottom: 1px; border-bottom: 1px solid #222; }

.alert-no-javascript a:hover,
.alert-browser-update a:hover { text-decoration: none; color: #222; border-bottom: none; }

/*====================================================================================================================
  #03-00    Basis Layout
  --------------------------------------------------------------------------------------------------------------------
  YAML Spalten Konfiguration
  Link: http://www.yaml.de/docs/index.html#yaml-columns
====================================================================================================================*/

/*--------------------------------------------------------------------------------------------------------------------
  Layout: 0-1-0 
  --------------------------------------------------------------------------------------------------------------------
  page-column-1 = main content
--------------------------------------------------------------------------------------------------------------------*/

.layout-0-1-0 .page-column-1 { float: none; width: 100%; margin: 0; }

/*--------------------------------------------------------------------------------------------------------------------
  Layout: 3-1-0 | Unit-Mix: No | Allowed Units: % | px |(r)em
  If linearized, the sidebar content drops below the main content.
  --------------------------------------------------------------------------------------------------------------------
  page-column-1 => main content | page-column-3 => sidebar content (left)
--------------------------------------------------------------------------------------------------------------------*/

/*.layout-3-1-0 .page-column-1 { float: right; width: 66.666%; }
.layout-3-1-0 .page-column-3 { margin: 0 66.666% 0 0; }

.layout-3-1-0 .main-content { margin-left: 20px; }
.layout-3-1-0 .sidebar { margin-right:20px; }*/

/*--------------------------------------------------------------------------------------------------------------------
  Layout variant with fixed sidebar.
  --------------------------------------------------------------------------------------------------------------------
  This layout variant requires that .page-column-1 isn't completely empty. IE needs at least dummy content ( ),
  otherwise it doesn't render the element and the alignment of the sidebar within the parents padding area fails.
--------------------------------------------------------------------------------------------------------------------*/

/*.layout-3-1-0 .page-column-wrapper {
  width: auto;
  display: block;
  overflow: hidden;
  padding-left: 250px;  // column width
}

.layout-3-1-0 .page-column-1 { float: left; width: 100%; position: relative; }

.layout-3-1-0 .page-column-3 { 
  float: left;
  width: 250px;         // column width
  right: 250px;         // column width
  position: relative;
  margin:0 0 0 -100%;
}

.layout-3-1-0 .main-content { margin-left: 20px; }
.layout-3-1-0 .sidebar { margin-right:20px; }*/

/*--------------------------------------------------------------------------------------------------------------------
  Layout: 0-1-3 | Unit-Mix: No | Allowed Units: % | px |(r)em
  If linearized, the sidebar content drops below the main content.
  --------------------------------------------------------------------------------------------------------------------
  page-column-1 => main content | page-column-3 => sidebar content (right)
--------------------------------------------------------------------------------------------------------------------*/

/*.layout-0-1-3 .page-column-1 { float: left; width: 66.666%; }
.layout-0-1-3 .page-column-3 { margin: 0 0 0 66.666%; }

.layout-0-1-3 .main-content { margin-right: 20px; }
.layout-0-1-3 .sidebar { margin-left: 20px; }*/

/*--------------------------------------------------------------------------------------------------------------------
  Layout variant with fixed sidebar.
  --------------------------------------------------------------------------------------------------------------------
  This layout variant requires that .page-column-1 isn't completely empty. IE needs at least dummy content ( ),
  otherwise it doesn't render the element and the alignment of the sidebar within the parents padding area fails.
--------------------------------------------------------------------------------------------------------------------*/

/*.layout-0-1-3 .page-column-wrapper {
  width: auto;
  display: block;
  overflow: hidden;
  padding-right: 250px; // column width
}

.layout-0-1-3 .page-column-1 { float: left; width: 100%; position: relative; }

.layout-0-1-3 .page-column-3 { 
  float: left;
  width: 250px;         // column width
  position: relative;
  margin: 0 -250px 0 0; // column width
}

.layout-0-1-3 .main-content { margin-right: 20px; }
.layout-0-1-3 .sidebar { margin-left: 20px; }*/

/*--------------------------------------------------------------------------------------------------------------------
  Layout: 1-3-0 | Unit-Mix: No | Allowed Units: % | px |(r)em
  If linearized, the main content drops below the sidebar content.
  --------------------------------------------------------------------------------------------------------------------
  page-column-1 => sidebar content (left) | page-column-3 => main content
--------------------------------------------------------------------------------------------------------------------*/
 
/*.layout-1-3-0 .page-column-1 { float: left; width: 33.333%; }
.layout-1-3-0 .page-column-3 { margin: 0 0 0 33.333%; }

.layout-1-3-0 .main-content { margin-left: 20px; }
.layout-1-3-0 .sidebar { margin-right:20px; }*/

/*--------------------------------------------------------------------------------------------------------------------
  Layout: 0-3-1 | Unit-Mix: No | Allowed Units: % | px |(r)em
  If linearized, the main content drops below the sidebar content.
  --------------------------------------------------------------------------------------------------------------------
  page-column-1 => sidebar content (right) | page-column-3 => main content
--------------------------------------------------------------------------------------------------------------------*/

/*.layout-0-3-1 .page-column-1 { float: right; width: 33.333%; }
.layout-0-3-1 .page-column-3 { margin: 0 33.333% 0 0; }

.layout-0-3-1 .main-content { margin-right: 20px; }
.layout-0-3-1 .sidebar { margin-left: 20px; }*/

/*--------------------------------------------------------------------------------------------------------------------
  Layout: 2-1-3 | Unit-Mix: No | Allowed Units: % | px
  If linearized, the sidebar content drops below the main content.
  --------------------------------------------------------------------------------------------------------------------
  page-column-1 => main content | page-column-2 => sidebar content (left) | page-column-3 => sidebar content (right)
--------------------------------------------------------------------------------------------------------------------*/

/*.layout-2-1-3 .page-column-1 { width: 50%; float:left;  margin-left: 25%; }
.layout-2-1-3 .page-column-2 { width: 25%; float:left;  margin-left: -75%;}
.layout-2-1-3 .page-column-3 { width: 25%; float:right; margin-left: -5px; margin-right: 0%; }

.layout-2-1-3 .main-content { margin: 0 20px; }
.layout-2-1-3 .sidebar { margin-right:20px; }
.layout-2-1-3 .sidebar.-right { margin-left:20px; }*/

/*====================================================================================================================
  #03-01    Hauptelemente (Wrapper, Header, Content, Sidebar, Footer)
====================================================================================================================*/

.page-wrapper {  }
.ie8 .page-wrapper { min-width: 900px; }

/*------------------------------------------------------------------------------------------------------------------*/

.page-header {  }
.page-header .mod_boxes4ward {  }
.page-header .boxes4ward_article {  }

/*PF: Kontext zu position fixed für "navigation-wrapper" und Höhe des Elements beachten */
.page-header .boxes4ward_article:nth-child(2) { padding-top: 81px; }

/* PF Check falls auf 404 + Danke Seiten auf Header Bild verzichtet werden soll, sauber konfigurieren - Start */
/*.no-header-image .boxes4ward_article:nth-child(2) { padding-top: 108px; }
.no-header-image .main-navigation ul.level_1 { padding-top: 0;}
.no-header-image .content-wrapper { padding-top: 100px; }*/
/* PF Check falls auf 404 + Danke Seiten auf Header Bild verzichtet werden soll, sauber konfigurieren - Ende */

/*------------------------------------------------------------------------------------------------------------------*/

.content-wrapper { margin: 90px 0; margin: 5.625rem 0; }  /* Vertikaler Abstand zwischen den Elementen */

/*------------------------------------------------------------------------------------------------------------------*/

/* Vertikale Abstände der Elemente - Start */
.main-content .mod_article,
.main-content .mod_article > *,
.main-content .ce_grid [class*="ym-gbox"] > * { margin: 90px 0; }

/* Events */
.main-content .mod_eventreader .ce_text,
.main-content .mod_eventreader .ce_rsce_textblock { margin: 90px 0; }

/* Sonderfall Timeline - Start */
.main-content .mod_article .timeline { margin: 0 auto 40px auto; }
/* Sonderfall Timeline - Ende */

/* Sonderfall Iframe Newsletter Formulare - Start */
.main-content .mod_article .text-block+.embed-wrapper { margin-top: -78px; }
/* Sonderfall Iframe Newsletter Formulare - Ende */

.main-content .mod_article:first-child,
.main-content .mod_article > *:first-child,
.main-content .ce_grid [class*="ym-gbox"] > *:first-child { margin-top: 0; }

.main-content .mod_article:last-child,
.main-content .mod_article > *:last-child,
.main-content .ce_grid [class*="ym-gbox"] > *:last-child { margin-bottom: 0; }

/* Sonderfall Formulare - Start */
.main-content .ce_form .ce_grid .ym-gbox-left { margin-right: 20px; }
.main-content .ce_form .ce_grid .ym-gbox-right { margin-left: 20px; }
.main-content .ce_form .ce_grid [class*="ym-gbox"],
.main-content .ce_form .ce_grid [class*="ym-gbox"] > * { margin-top: 0; margin-bottom: 0; }
/* Sonderfall Formulare - Ende */

@media screen and (max-width: 900px) {
.main-content .ce_grid [class*="ym-gbox"] > *:first-child { margin-top: 90px; }
.main-content .ce_grid [class*="ym-gbox"] > *:last-child { margin-bottom: 90px; }

/* Sonderfall Formulare - Start */
.main-content .ce_form .ce_grid [class*="ym-gbox"],
.main-content .ce_form .ce_grid [class*="ym-gbox"] > * { margin-top: 0; margin-bottom: 0;}
/* Sonderfall Formulare - Ende */

} /* Nicht löschen */

.main-content h1,
.main-content h2,
.main-content h3 { margin-bottom: 20px; margin-bottom: 1.25rem; }  /* Bezug zu line-height 1.25 bei Headlines beachten! */

.main-content .page-intro-content > p,
.main-content .text-block-content > p,
.main-content .text-block > .text-block-box { margin: 24px 0; margin: 1.5rem 0; }   /* Bezug zu line-height 1.5 bei Body beachten! */

.main-content ul {
	margin:24px 0;
	margin:1.5rem 0;
}

.main-content ul li {
	list-style:none;
	padding-left:11px;
	margin-left:0;
	position:relative;
}

.main-content ul li:before {
	content:'-';
	position:absolute;
	left:0;
	top:0;
}

.main-content .page-intro-content > p:first-child,
.main-content .text-block-content > p:first-child,
.main-content .text-block > .text-block-box:first-of-type { margin-top: 0; }  /* Bei "text-block-box" greift "first-child" nicht - warum?! */

.main-content .page-intro-content > p:last-child,
.main-content .text-block-content > p:last-child,
.main-content .text-block > .text-block-box:last-child { margin-bottom:0; }
/* Vertikale Abstände der Elemente - Ende */


/* Horizontale Abstände der Elemente - Start */
/* Trifft zu für CE: .page-intro // .text-block // .ce_form */
.main-content .mod_article > * { max-width: 640px; margin-left: auto; margin-right: auto; } 


.main-content .mod_article > .ce_image,     /*PF:; Nicht korrekt, da so ALLE Bilder volle Seitenbreite haben, deaktivieren und mit Klasse fullwidth arbeiten */
.main-content .mod_article > *.fullwidth,
.main-content .mod_article > .ce_dlh_googlemaps { max-width: none; }

.main-content .mod_article > .ce_grid, /* Subcolumns */
.main-content .mod_article > .ce_table,
.main-content .mod_article > *.fullwidth-padding-level-1 { max-width: none; padding: 0 60px; }


.main-content .ce_grid .ym-g50 .text-block { padding: 0 80px; }
.main-content .ce_grid .ym-g33 .text-block { padding: 0 40px; }

@media screen and (max-width: 1280px) {
.main-content .ce_grid .ym-g50 .text-block { padding: 0 60px; }
.main-content .ce_grid .ym-g33 .text-block { padding: 0 30px; }
} /* Nicht löschen */

@media screen and (max-width: 1024px) {
.main-content .ce_grid .ym-g50 .text-block { padding: 0 40px; }
.main-content .ce_grid .ym-g33 .text-block { padding: 0 20px; }
} /* Nicht löschen */


@media screen and (max-width: 760px) {
.main-content .mod_article > *,
.main-content .mod_article > .ce_grid, /* Subcolumns */
.main-content .mod_article > .ce_table,
.main-content .mod_article > *.fullwidth-padding-level-1 { max-width: none; padding: 0 40px; }

.main-content .mod_article > .ce_image,
.main-content .mod_article > *.fullwidth,
.main-content .mod_article > .ce_dlh_googlemaps { padding: 0; }

.main-content .ce_grid .ym-g50 .text-block { padding: 0; }
.main-content .ce_grid .ym-g33 .text-block { padding: 0; }

/* Sonderfall Iframe Newsletter Formulare - Start */
.main-content .embed-wrapper { max-width: 640px; margin-left: 40px; margin-right: 40px; }
/* Sonderfall Iframe Newsletter Formulare - Ende */

} /* Nicht löschen */
/* Horizontale Abstände der Elemente - Ende */

/*------------------------------------------------------------------------------------------------------------------*/

.caroufredsel .header-background-image img,
.main-content .ce_image img { width: 100vw; } /* Abgleich mit Bildeinstellungen checken // Müsste hier nicht 100vw angegeben werden ??!! */

.main-content .page-intro p,
.main-content .text-block p {
  text-align: justify;
  -webkit-hyphens: auto;  
     -moz-hyphens: auto;    
      -ms-hyphens: auto;  
          hyphens: auto;
}

.main-content .page-intro.center p,
.main-content .text-block.center p { display: block; text-align: center; }

/*------------------------------------------------------------------------------------------------------------------*/

.page-footer {  }
.page-footer .mod_boxes4ward { text-transform: uppercase; text-align: center; }

.page-footer h2.text-block-headline {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 3px;
  letter-spacing: 0.1875em;
}

.page-footer .boxes4ward_article:first-child { color: #fff; background: #5a5a5a; }
.page-footer .boxes4ward_article:first-child > * { padding-top: 90px; } /*PF: Ursprünglich 180px */
.page-footer .boxes4ward_article:first-child p { font-size: 12px; font-size: 0.75rem; padding: 20px 0; letter-spacing: 3px; letter-spacing: 0.1875em; }

/*====================================================================================================================
  #03-02    YAML Grid (Subcolumns) Konfiguration
  --------------------------------------------------------------------------------------------------------------------
  Standard Abstände können global oder für einzelne Layout Bereiche überschrieben werden.
====================================================================================================================*/

/* Rücknahme der Definitionen aus der subcols.css von Subcolumns - Start */
/* Klären, warum die überhaupt wieder geladen wird, sollte bereits entfernt sein!! */
.ym-gbox,
.ym-gbox-left,
.ym-gbox-right { padding: 0; }
/* Rücknahme der Definitionen aus der subcols.css von Subcolumns - Ende */

/*.ym-gbox { margin: 0 10px; }
.ym-gbox-left { margin-right: 20px; }
.ym-gbox-right { margin-left: 20px; }*/

/*[class*="ym-gbox"] > * { padding: 20px; }*/

/*====================================================================================================================
  #04-00    Navigation
====================================================================================================================*/

.navigation-wrapper { 
  width: 100%;
  z-index:99;
  display: block;
  position:fixed;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(90, 90, 90, 0.45);
     -moz-box-shadow: 0px 4px 4px 0px rgba(90, 90, 90, 0.45);
          box-shadow: 0px 4px 4px 0px rgba(90, 90, 90, 0.45);
}

/*====================================================================================================================
  #04-01    Navigation (Primär)
  --------------------------------------------------------------------------------------------------------------------
  Die ID (Nur für Skiplink Navigation!) + Klasse 'main-navigation' muss an FE und CE Modul vorhanden sein.
====================================================================================================================*/

.main-navigation { max-width: 1000px; margin: 0 auto; } /* Bezug zu Hauptbreakpoint beachten */

.main-navigation ul li {
  position:relative;
  display: inline-block;
  text-align: left;
  text-rendering: optimizelegibility;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  letter-spacing: 0.1875em;
}

.main-navigation ul li a,
.main-navigation ul li a.trail,
.main-navigation ul li span.trail,
.main-navigation ul li span.active {
	position:relative;
	display: block;
	padding:30px 0;
	border-top:4px solid #fff;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.main-navigation > ul > li { padding: 0 15px; }
/*.main-navigation > ul > li:first-child {padding-left: 0; }
.main-navigation > ul > li:last-child {padding-right: 0; }*/

.main-navigation ul li a.trail,
.main-navigation ul li span.trail,
.main-navigation ul li span.active {
	text-decoration: none;
	font-weight: 600;
	border-top-color:#000;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
	border-top-color:#000;
}



.main-navigation ul ul li a,
.main-navigation ul ul li a.trail,
.main-navigation ul ul li span.trail,
.main-navigation ul ul li span.active,
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus {
	border-top:none;
}





.main-navigation ul li a:hover,
.main-navigation ul li a.trail:hover,
.main-navigation ul li span.trail:hover,
.main-navigation ul li span.active:hover { text-decoration: none; }

/*------------------------------------------------------------------------------------------------------------------
  Navigation Ebene 01 
--------------------------------------------------------------------------------------------------------------------*/

.main-navigation ul.level_1 { /*padding-top: 75px;*/ text-align: center; }

.main-navigation ul.level_1 li {  }

/*--------------------------------------------------------------------------------------------------------------------
  Navigation Ebene 02 
--------------------------------------------------------------------------------------------------------------------*/

.main-navigation ul.level_2 {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 4px 4px 0 rgba(90, 90, 90, 0.75);
     -moz-box-shadow: 0 4px 4px 0 rgba(90, 90, 90, 0.75);
          box-shadow: 0 4px 4px 0 rgba(90, 90, 90, 0.75);
}

.main-navigation ul.level_2 li { 
  width: 236px; /* 236 => max. Laufweite bei Menüpunkt 'Geniessen & Stärken' */
  padding: 0;
  letter-spacing:0;
  background: #fff;
  font-size: 12px;
  font-size: 0.75rem;  
  /*background: #bab9b9;*/  /*PF: Temp zum testen der Abstände */
}

.main-navigation ul.level_2 li:first-child { padding-top: 15px; }
.main-navigation ul.level_2 li:last-child {padding-bottom:15px; }

/* Umkehr der Anzeige letzter Menüpunkt - Start */
@media screen and (max-width: 1140px) {
  .main-navigation ul.level_1 li:last-child ul.level_2 { margin-left: -126px; } 
  .main-navigation ul.level_1 li:last-child ul.level_2 li { text-align: right; }
}
/* Umkehr der Anzeige letzter Menüpunkt - Ende */

.main-navigation ul.level_2 li a,
.main-navigation ul.level_2 li a.trail,
.main-navigation ul.level_2 li span.trail,
.main-navigation ul.level_2 li span.active { 
  display: block;
  margin: 0 15px; 
  padding: 5px 0;
  color: #5a5a5a;
  border-bottom: 1px solid #000;
}

.main-navigation ul.level_2 li a.trail,
.main-navigation ul.level_2 li span.trail,
.main-navigation ul.level_2 li span.active { color: #000; }

.main-navigation ul.level_2 li:last-of-type a,
.main-navigation ul.level_2 li:last-of-type a.trail,
.main-navigation ul.level_2 li:last-of-type span.trail,
.main-navigation ul.level_2 li:last-of-type span.active { border-bottom: none; }

.main-navigation ul.level_2 li a:hover,
.main-navigation ul.level_2 li a.trail:hover,
.main-navigation ul.level_2 li span.trail:hover,
.main-navigation ul.level_2 li span.active:hover { color: #000; }

/*--------------------------------------------------------------------------------------------------------------------
  Navigation Ebene 03 
--------------------------------------------------------------------------------------------------------------------*/

.main-navigation ul.level_3 { display: none !important; visibility: hidden; }

/*--------------------------------------------------------------------------------------------------------------------
  Navigation Toggle-/Collapser-Button (Primär)
--------------------------------------------------------------------------------------------------------------------*/

.menu-collapser { background: #5a5a5a; /*border-bottom: 1px solid #fff;*/ }

.collapse-button {
  padding: 23px;
  cursor: pointer;
  background: transparent no-repeat center center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKElEQVQ4y2NgGAWDDjAic/7///+fLEMYGeHmMI2G4WgYjobhKKALAAA5iAwKqZ/QBwAAAABJRU5ErkJggg==");
}

.collapse-button:hover,.collapse-button:focus {  }

/*--------------------------------------------------------------------------------------------------------------------
  Navigation Toggle-/Collapser-Button (Sekundär)
--------------------------------------------------------------------------------------------------------------------*/

.main-navigation ul li .sub-collapser {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  height: 100%;
  width: 48px;
  cursor: pointer;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  border-left: 1px solid rgba(0, 0, 0, 0.075);
  background: rgba(0, 0, 0, 0.075);  /*PF: Farbe */
}
.main-navigation ul li .sub-collapser:before {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  content: '';
}
.main-navigation ul li .sub-collapser > i {
  display: inline-block;
  color: #5a5a5a;
/*  font-size: 20px;
  font-size: 1.25rem;*/
  padding: 3px 0 0 1px;
  font-style: normal;
  vertical-align: middle;
  font-family: 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif;
}

/*------------------------------------------------------------------------------------------------------------------*/

.main-navigation ul.collapsed li { display: block; width: 100%; }

.main-navigation ul.collapsed li a,
.main-navigation ul.collapsed li a.trail,
.main-navigation ul.collapsed li span.trail,
.main-navigation ul.collapsed li span.active { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.075) }

.main-navigation ul.collapsed li .sub-collapser { height: 46px; }

.main-navigation ul.collapsed li > ul { display: none; position: static; }

/*------------------------------------------------------------------------------------------------------------------*/

.main-navigation ul li .sub-collapser { display: none; }
.main-navigation ul.collapsed li .sub-collapser { display: block; }

/*====================================================================================================================
  #04-02    Navigation (Sekundär)
  --------------------------------------------------------------------------------------------------------------------
  Die Klasse 'footer-navigation' muss an FE und CE Modul vorhanden sein.
====================================================================================================================*/

.footer-navigation {  }

.footer-navigation ul { margin: 10px 0; }

.footer-navigation ul li {
  position:relative;
  display: inline-block;
  text-align: left;
  text-rendering: optimizelegibility;
  font-weight: 400;
  letter-spacing: 3px;
  letter-spacing: 0.1875em;
}

.footer-navigation ul li a,
.footer-navigation ul li a.trail,
.footer-navigation ul li span.trail,
.footer-navigation ul li span.active { position:relative; display: block; }

.footer-navigation ul > li { padding: 0 10px; }
.footer-navigation ul > li a { padding: 10px; }

/*.footer-navigation ul > li:first-child,
.footer-navigation ul > li a:first-child { padding-left: 0; }

.footer-navigation ul > li:last-child,
.footer-navigation ul > li a:last-child { padding-right: 0; }*/

.footer-navigation ul li a.trail,
.footer-navigation ul li span.trail,
.footer-navigation ul li span.active { text-decoration: none; font-weight: 600; }

.footer-navigation ul li a:hover,
.footer-navigation ul li a.trail:hover,
.footer-navigation ul li span.trail:hover,
.footer-navigation ul li span.active:hover { text-decoration:underline; }

/*====================================================================================================================
  #04-03    Navigation  (Sitemap)
====================================================================================================================*/

.mod_sitemap {  }

/*====================================================================================================================
  #04-04    Navigation  (Pagnination)
====================================================================================================================*/

.pagination {  }

/*====================================================================================================================
  #04-05    Navigation  (Navigationspfad)
====================================================================================================================*/

.mod_breadcrumb {  }

/*====================================================================================================================
  #04-06    Navigation  (Quicknavigation)
====================================================================================================================*/

.mod_quicknav {  }

/*====================================================================================================================
  #05-00    Inhaltselemente (Contao Core)
  --------------------------------------------------------------------------------------------------------------------
  #05-01    Text Elemente
====================================================================================================================*/

.ce_headline {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_text {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_list {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_table {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_html {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_code {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_markdown {  }

/*====================================================================================================================
  #05-02    Akkordeon
====================================================================================================================*/

.ce_accordion {  }

/*====================================================================================================================
  #05-03    Link Elemente
====================================================================================================================*/

.ce_hyperlink {  }

.ce_hyperlink.link-registration-form a {
  margin: 0;
  padding: 20px 0;
  border: none;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #000;
  line-height: 1.25;
  font-weight:700;
  letter-spacing: 4px;
  letter-spacing: 0.25em;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  text-rendering: optimizelegibility;
}


.ce_hyperlink.link-registration-form a:focus,
.ce_hyperlink.link-registration-form a:hover { color: #fff; background: #000; }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_toplink {  }

/*====================================================================================================================
  #05-04    Media Elemente
====================================================================================================================*/

.ce_image {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_gallery {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_player

/*------------------------------------------------------------------------------------------------------------------*/

.ce_youtube {  }

/* Dieses Wrapper Element muss im Template "ce_player.html5" vorhanden sein! - Start */
/*.youtube-wrapper {
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%; // ratio 16 to 9
}
.youtube-wrapper iframe,
.youtube-wrapper object,
.youtube-wrapper embed {
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height:100%;
}*/
/* Dieses Wrapper Element muss im Template "ce_player.html5" vorhanden sein! - Ende */

/*====================================================================================================================
  #05-05    Datei Elemente
====================================================================================================================*/

.ce_download {  }

/*------------------------------------------------------------------------------------------------------------------*/

.ce_downloads {  }

/*====================================================================================================================
  #05-06    ColorBox
  --------------------------------------------------------------------------------------------------------------------
  ColorBox Style: Core
====================================================================================================================*/
/*
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
*/
/*--------------------------------------------------------------------------------------------------------------------
  ColorBox Style: Projekt
--------------------------------------------------------------------------------------------------------------------*/



/*====================================================================================================================
  #05-07    Syndication (Facebook und Co.)
====================================================================================================================*/

.syndication { margin: 10px 20px 20px 20px; }
.syndication li { display: inline-block; padding-right: 20px; }
.syndication li:last-child { padding-right: 0; }

.syndication li a {
	display:block;
	-webkit-border-radius:100%;
	border-radius:100%;
	background-color:#343434;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.syndication li a:hover,
.syndication li a:focus {
	background-color:#6E6E6D;
}

/*====================================================================================================================
  #06-00    Frontend-Module (Contao Core)
  --------------------------------------------------------------------------------------------------------------------
  #06-01    Nachrichten
====================================================================================================================*/

.mod_newslist {  }

/*------------------------------------------------------------------------------------------------------------------*/

.mod_newsreader {  }

/*------------------------------------------------------------------------------------------------------------------*/

.mod_newsarchive {  }

/*------------------------------------------------------------------------------------------------------------------*/

.mod_newsmenu {  }

/*====================================================================================================================
  #06-02    Events
====================================================================================================================*/

.mod_eventlist {  }

/*------------------------------------------------------------------------------------------------------------------*/

.mod_eventreader {  }

/*------------------------------------------------------------------------------------------------------------------*/

.mod_eventmenu {  }

/*------------------------------------------------------------------------------------------------------------------*/

.mod_calendar {  }

/*====================================================================================================================
  #06-03    FAQ
====================================================================================================================*/

.mod_faqlist {  }

/*------------------------------------------------------------------------------------------------------------------*/

.mod_faqreader {  }

/*------------------------------------------------------------------------------------------------------------------*/

.mod_faqpage {  }

/*====================================================================================================================
  #06-04    Suche
====================================================================================================================*/

.mod_search {  }

/*====================================================================================================================
  #06-05    Kommentare
====================================================================================================================*/

.mod_comments {  }

/*====================================================================================================================
  #07-00    Frontend-Module (Erweiterungen)
  --------------------------------------------------------------------------------------------------------------------
  #07-01    Slider (Caroufredsel)
====================================================================================================================*/

.ce_caroufredsel [class*="float_"] { margin: 0; }
.caroufredsel figcaption { display: none; }

.caroufredsel_skin,
.caroufredsel .slider { position: relative; }

/*====================================================================================================================
  #07-02    DLH Google Maps
====================================================================================================================*/

.dlh_googlemap img { max-width: none; }
.dlh_googlemap a { text-decoration: none; }
/* .dlh_googlemap .routinglink { white-space: nowrap; } */
.dlh_googlemap input[type="submit"] {
  margin: 10px 0 0 0;
  padding: 5px 0;
  text-transform: uppercase;
}

/*------------------------------------------------------------------------------------------------------------------*/

.ce_dlh_googlemaps { height: 650px; }

@media screen and (max-width: 1024px) {
.ce_dlh_googlemaps { height: 500px; }
} /* Nicht löschen */

@media screen and (max-width: 900px) {
.ce_dlh_googlemaps { height: 350px; }
} /* Nicht löschen */

@media screen and (max-width: 380px) {
.ce_dlh_googlemaps { height: 250px; }
} /* Nicht löschen */

/*====================================================================================================================
  #08-00    Individuelle Klassen
====================================================================================================================*/

.header-logo { height: 600px; position: relative; }

.header-logo-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: 50% 50% no-repeat;
  background-size: cover;
}

/* HTML5 Video // Mediaelement im Seitenlayout MUSS(!) deaktiviert sein!! */
.header-logo-background video {
  /* Change this to `object-fit: cover;` once all browsers support it, */
  /* see http://stackoverflow.com/a/20851590 */
  position: absolute;
  top: 50%;
  left:50%;
  min-width: 100%;
  min-height:100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform:    translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
  -o-transform:      translate(-50%, -50%);
  transform:         translate(-50%, -50%);
}

.header-logo .wrapper-center-outside {
  position: relative;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%); 
  transform:         translateY(-50%);
}

.wrapper-center-inside { padding: 0 40px; }

.header-logo .wrapper-center-inside a { text-decoration: none; text-shadow: 0 0 5px #000;}
.header-logo .wrapper-center-inside a:hover .button-icon-link {
	text-decoration:underline;
}

.header-logo .button-icon-link {
  display: block;
  margin-top: 30px;
  padding-top:70px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 3px; 
  letter-spacing: 0.1875em;
  text-align: center;
  text-transform: uppercase;
  background-size: 64px 64px;
  background: url("../../files/theme/img/icon-buchen.png") no-repeat center top;
  background: url("../../files/theme/img/icon-buchen.svg") no-repeat center top;
}

/*------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
/*------------------------------------------------------------------------------------------------------------------*/

.header-logo .button-icon-link { margin-top: 25px; padding-top:60px; background-size: 54px 54px; }

/*------------------------------------------------------------------------------------------------------------------*/
} /* Ende - @media screen and (max-width: 480px)
/*------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 360px) {
/*------------------------------------------------------------------------------------------------------------------*/

.header-logo .button-icon-link { background-size: 44px 44px; }

/*------------------------------------------------------------------------------------------------------------------*/
} /* Ende - @media screen and (max-width: 360px)
/*------------------------------------------------------------------------------------------------------------------*/

/*==================================================================================================================*/

.highlight-buttons { margin: 40px 0 90px 0; margin: 2.5rem 0 5.625rem 0; }
.highlight-buttons6-1 { margin: 40px 0 0 0 !important; margin: 2.5rem 0 0 0 !important; }
.highlight-buttons6-2 { margin: 0 0 90px 0 !important; margin: 0 0 5.625rem 0 !important; }

.highlight-buttons .ce_image { position: relative; }

.highlight-buttons figcaption {
  /*width: auto\9;*/
  max-width: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;  /*50%*/
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  padding: 20px;
  text-transform: uppercase;
  letter-spacing: 3px; 
  letter-spacing: 0.1875em;
}

/*==================================================================================================================*/

.main-content .timeline { text-align: center; }

.main-content .timeline .timeline-date {

  display: inline-block;
  color:#fff;
  width: 6em;
  height:6em;
  font-size: 18px; 
  font-size: 1.125rem;
  padding: 0.34375em;
  border-radius: 100%;
  background: none repeat scroll 0% 0% #000;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  font-size: 1.125em;
  line-height: 5.2em;
  margin: 0 auto 20px auto;
  font-family: Montserrat, sans-serif;
}

.main-content .timeline .timeline-content { margin-bottom: 20px; }

.main-content .timeline > *:last-child:after {
  content: '';
  height: 170px;
  width: 1px;
  background: #000;
  margin: 40px auto 0 auto;
  display: block;
  clear: both;
} 

.main-content .timeline:last-of-type > *:last-child:after { display: none !important; visibility: hiden; }


/*====================================================================================================================
  #09-00    Media Queries
  --------------------------------------------------------------------------------------------------------------------
  #09-01    @media screen and (max-width: 900px) - linearize-level-1
====================================================================================================================*/
@media screen and (max-width: 900px) {
/*------------------------------------------------------------------------------------------------------------------*/

.linearize-level-1,
.linearize-level-1 > [class*="page-col"],
.linearize-level-1 > [class*="ym-g"] { display: block; float: none; margin: 0; padding:0; width: 100% !important; }

/* Rücknahme der Equal Hight Columns Technik. Bei Bedarf Methode für 'containing floats' einfügen. */
.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] { margin: 0; padding: 0; }

/* Sonderfall Formulare - Start */
.main-content .ce_form .linearize-level-1 .ym-gbox-left { margin-right: 0; }
.main-content .ce_form .linearize-level-1 .ym-gbox-right { margin-left: 0; }
/* Sonderfall Formulare - Ende */

/*------------------------------------------------------------------------------------------------------------------*/

.highlight-buttons { margin: 40px 0 90px 0; margin: 2.5rem 0 5.625rem 0; }

.sidebar > .mod_boxes4ward:first-child { margin-top: 40px 0; margin-top: 2.5rem 0; }

/*------------------------------------------------------------------------------------------------------------------*/

/*PF: Kontext zu position fixed für "navigation-wrapper" und Höhe des Elements beachten */
.page-header .boxes4ward_article:nth-child(2) { padding-top: 0; }

.navigation-wrapper { position: fixed; /*position: relative;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.main-navigation { height: auto; }

.main-navigation ul li {  
  font-size: 14px; 
  font-size: 0.875rem;
}

.main-navigation ul li a,
.main-navigation ul li a.trail,
.main-navigation ul li span.trail,
.main-navigation ul li span.active { padding: 12px 64px 12px 12px; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.075); border-top:none !important;}

.main-navigation ul li span.active { /*color: #fff; background: #bab9b9;*/ }

.main-navigation ul li a:hover,
.main-navigation ul li a.trail:hover,
.main-navigation ul li span.trail:hover,
.main-navigation ul li span.active:hover { text-decoration: none; background: rgba(0, 0, 0, 0.075) }

.main-navigation ul.level_2 li a,
.main-navigation ul.level_2 li a.trail,
.main-navigation ul.level_2 li span.trail,
.main-navigation ul.level_2 li span.active { padding: 12px 64px 12px 30px; margin: 0; }

.main-navigation ul.level_2 li a:hover,
.main-navigation ul.level_2 li a.trail:hover,
.main-navigation ul.level_2 li span.trail:hover,
.main-navigation ul.level_2 li span.active:hover {  }

.main-navigation ul li .sub-collapser { display: block; }

/*------------------------------------------------------------------------------------------------------------------*/

.main-navigation > ul > li.submenu:hover:before { content: none; }

.main-navigation ul.level_1 { padding-top: 0; /*background: #8a8a8a;*/ }

.main-navigation > ul > li { padding: 0; }

.main-navigation ul.level_2 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* Umkehr der Anzeige letzter Menüpunkt - Start */
.main-navigation ul.level_1 li:last-child ul.level_2 { margin-left: 0; }
.main-navigation ul.level_1 li:last-child ul.level_2 li { text-align: left; }
/* Umkehr der Anzeige letzter Menüpunkt - Ende */

.main-navigation ul.level_2 li { width: 100%; }
.main-navigation ul.level_2 li:first-child { padding-top: 0; }
.main-navigation ul.level_2 li:last-child {padding-bottom:0; }

.main-navigation ul.level_2 li:last-child a { padding: 12px 64px 12px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.075); }

/*------------------------------------------------------------------------------------------------------------------*/



/*==================================================================================================================*/
} /* Ende - @media screen and (max-width: 900px)
====================================================================================================================*/

/*====================================================================================================================
  #09-02    @media screen and (max-width: 640px) - linearize-level-2
====================================================================================================================*/
@media screen and (max-width: 640px) {
/*------------------------------------------------------------------------------------------------------------------*/

.linearize-level-2,
.linearize-level-2 > [class*="page-col"],
.linearize-level-2 > [class*="ym-g"] { display: block; float: none; margin: 0; padding:0; width: 100% !important; }

/* Rücknahme der Equal Hight Columns Technik. Bei Bedarf Methode für 'containing floats' einfügen. */
.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] { margin: 0; padding: 0; }

/* Sonderfall Formulare - Start */
.main-content .ce_form .linearize-level-2 .ym-gbox-left { margin-right: 0; }
.main-content .ce_form .linearize-level-2 .ym-gbox-right { margin-left: 0; }
/* Sonderfall Formulare - Ende */

/*------------------------------------------------------------------------------------------------------------------*/

h1 { font-size: 32px; font-size: 2rem; } /* Org: 38px */

/*------------------------------------------------------------------------------------------------------------------*/

.footer-navigation > ul > li { padding: 0 5px; }
.footer-navigation > ul > li a { padding: 5px; }

/*==================================================================================================================*/
} /* Ende - @media screen and (max-width: 640px)
====================================================================================================================*/

/*====================================================================================================================
  #09-03    @media screen and (max-width: 480px) - linearize-level-3
====================================================================================================================*/
@media screen and (max-width: 480px) {
/*------------------------------------------------------------------------------------------------------------------*/

.linearize-level-3,
.linearize-level-3 > [class*="page-col"],
.linearize-level-3 > [class*="ym-g"] { display: block; float: none; margin: 0; padding:0; width: 100% !important; }

/* Rücknahme der Equal Hight Columns Technik. Bei Bedarf Methode für 'containing floats' einfügen. */
.linearize-level-3 > [class*="ym-g"] > [class*="ym-gbox"] { margin: 0; padding: 0; }

/* Sonderfall Formulare - Start */
.main-content .ce_form .linearize-level-3 .ym-gbox-left { margin-right: 0; }
.main-content .ce_form .linearize-level-3 .ym-gbox-right { margin-left: 0; }
/* Sonderfall Formulare - Ende */

/*------------------------------------------------------------------------------------------------------------------*/

h1 { font-size: 28px; font-size: 1.75rem; }   /* Org: 38px */
h2,
fieldset legend { font-size: 18px; font-size: 1.125rem; }  /* Org: 22px */

/*------------------------------------------------------------------------------------------------------------------*/

.footer-navigation ul li { font-size: 12px; font-size: 0.75rem; }

.footer-navigation ul > li:first-child,
.footer-navigation ul > li a:first-child { padding-left: 0; }

.footer-navigation ul > li:last-child,
.footer-navigation ul > li a:last-child { padding-right: 0; }

/*==================================================================================================================*/
} /* Ende - @media screen and (max-width: 480px) - - linearize-level-4
====================================================================================================================*/

/*====================================================================================================================
  #09-04    @media screen and (max-width: 360px)
====================================================================================================================*/
@media screen and (max-width: 360px) {
/*------------------------------------------------------------------------------------------------------------------*/

.linearize-level-4,
.linearize-level-4 > [class*="page-col"],
.linearize-level-4 > [class*="ym-g"] { display: block; float: none; margin: 0; padding:0; width: 100% !important; }

/* Rücknahme der Equal Hight Columns Technik. Bei Bedarf Methode für 'containing floats' einfügen. */
.linearize-level-4 > [class*="ym-g"] > [class*="ym-gbox"] { margin: 0; padding: 0; }

/* Sonderfall Formulare - Start */
.main-content .ce_form .linearize-level-4 .ym-gbox-left { margin-right: 0; }
.main-content .ce_form .linearize-level-4 .ym-gbox-right { margin-left: 0; }
/* Sonderfall Formulare - Ende */

/*------------------------------------------------------------------------------------------------------------------*/

.footer-navigation ul { margin: 20px 0; }
.footer-navigation ul li { letter-spacing: 1px; letter-spacing: 0.0625rem; }

/*==================================================================================================================*/
} /* Ende - @media screen and (max-width: 360px)
====================================================================================================================*/

/*====================================================================================================================
  #10-00    Druckausgabe
  --------------------------------------------------------------------------------------------------------------------
  Inlined to avoid a additional HTTP request.
  Link: http://www.phpied.com/delay-loading-your-print-css/
====================================================================================================================*/
@media print {
/*--------------------------------------------------------------------------------------------------------------------
  HTML5 Boilerplate - Print Base | Version: 5.0.0 | Lizenz: MIT
  Link: http://h5bp.com/
/*------------------------------------------------------------------------------------------------------------------*/

*,:after,:before{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}

img { width: auto !important; } /* Chrome druckt keine Bilder mit Viewporteinheit */

/*--------------------------------------------------------------------------------------------------------------------
  Individuelle Erweiterung der Druckausgabe
/*------------------------------------------------------------------------------------------------------------------*/



/*==================================================================================================================*/
} /* Ende - @media print
====================================================================================================================*/



/* STÖRER */

.stoerer-header {
	width:123px;
	position:absolute;
	top:80px;
	left:50%;
	margin-left:255px;
}

.stoerer-header img,
 {
	width:100%;
	height:auto;
}

.header-logo figure.logo {
	width:100%;
	max-width:467px;
	margin:0 auto;
}

.header-logo figure.logo img {
	margin-top:-5.35%;
	width:100%;
	height:auto;
}


@media screen and (max-width:900px) {
	.stoerer-header {
		width:100px;
		position:static;
		display:block;
		text-align:center;
		margin:28px auto 0 auto;
	}
}
	
	
	
	
		.header-logo .wrapper-center-outside {
			display:table;
			width:100%;
			height:100%;
			top:0;
			-webkit-transform: none;
			  -moz-transform:none;
			  -ms-transform:none;
			  -o-transform:none; 
			  transform:none;
		}
		
		.header-logo .wrapper-center-inside {
			display:table-cell;
			vertical-align:middle;
			height:auto;
		}
		
		@media screen and (max-width:900px) {
			
			.header-logo {
				height:700px;
			}
			
			.header-logo .wrapper-center-outside {
				padding-top:46px;
			}
		}
		
		
		
		
		
		
		
		
		
		
/* TEASER */

.ce_rsce_teaser {
	margin-top:2.5rem;
}

.ce_rsce_teaser:after {
  content: "";
  display: table;
  clear: both;
}

.ce_rsce_teaser figure {
	float:left;
	width:33.333%;
	position:relative;
}

.ce_rsce_teaser a,
.ce_rsce_teaser a:hover,
.ce_rsce_teaser a:focus,
.ce_rsce_teaser a:active {
	display:block;
}

.ce_rsce_teaser img {
	width:100%;
	height:auto;
}

.ce_rsce_teaser figcaption {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:1em;
	line-height: 1.3em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1875em;
	color:#fff;
	overflow:hidden;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	box-sizing:border-box;
	text-shadow:0px 0px 7px rgba(0,0,0,.5);
}


.ce_rsce_teaser .table {
	display:table;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}

.ce_rsce_teaser .table-cell {
	display:table-cell;
	vertical-align:middle;
}

.ce_rsce_teaser .teaser-content {
	position:relative;
	padding:0 15px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.ce_rsce_teaser .teaser-content span {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	top:-78px;
	opacity:0;
	filter:Alpha(opacity=0)
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}


.ce_rsce_teaser figcaption img {
	width:auto;
	height:63px;
}

.ce_rsce_teaser a:hover figcaption,
.ce_rsce_teaser a:focus figcaption,
.ce_rsce_teaser a:active figcaption {
	color:#000;
	background-color:#fff;
	text-shadow:none;
}

.ce_rsce_teaser a:hover .teaser-content span,
.ce_rsce_teaser a:focus .teaser-content span,
.ce_rsce_teaser a:active .teaser-content span {
	opacity:1;
	filter:Alpha(opacity=100)
}

.ce_rsce_teaser a:hover .teaser-content,
.ce_rsce_teaser a:focus .teaser-content,
.ce_rsce_teaser a:active .teaser-content {
	margin-top:70px;
}


@media screen and (max-width:900px) {
	.ce_rsce_teaser figure {
		width:100%;
	}
}




/* Seminarpartner */

.ce_rsce_seminarpartner {
	max-width:1180px !important;
	width:100% !important;
	margin:0 auto !important;
	padding:0px 40px;
}

.ce_rsce_seminarpartner .inner {
	border-top:1px solid rgb(0, 0, 0);
	border-bottom:2px solid rgb(0, 0, 0);
}

.ce_rsce_seminarpartner .seminarpartner {
	border-top:1px solid #000;
}

.ce_rsce_seminarpartner .seminarpartner:after {
	content:'';
	display:table;
	clear:both;
}

.ce_rsce_seminarpartner * {
	text-align:left !important;
}

.ce_rsce_seminarpartner .seminarpartner-spalte1,
.ce_rsce_seminarpartner .seminarpartner-spalte2,
.ce_rsce_seminarpartner .seminarpartner-spalte3 {
	box-sizing:border-box;
	padding:20px 0;
}

.ce_rsce_seminarpartner .seminarpartner-spalte1 {
	float:left;
	width:20%;
}

.ce_rsce_seminarpartner .seminarpartner-spalte2 {
	float:left;
	width:60%;
	padding-left: 17px;
	padding-right: 17px;
}

.ce_rsce_seminarpartner .seminarpartner-spalte3 {
	float:right;
	width:20%;
}

.ce_rsce_seminarpartner p,
.ce_rsce_seminarpartner ul {
	margin:0 0 1.5rem 0px;
}

.ce_rsce_seminarpartner .seminarpartner figure {
	margin:0 0 5px 0;
}

.ce_rsce_seminarpartner .seminarpartner-spalte1 *:last-child,
.ce_rsce_seminarpartner .seminarpartner-spalte2 *:last-child,
.ce_rsce_seminarpartner .seminarpartner-spalte3 *:last-child {
	margin-bottom:0;
}

@media screen and (max-width:900px) {
	.ce_rsce_seminarpartner .seminarpartner-spalte2 {
		width:50%;
	}
	
	.ce_rsce_seminarpartner .seminarpartner-spalte3 {
		width:30%;
	}
}

@media screen and (max-width:700px) {
	.ce_rsce_seminarpartner .seminarpartner-spalte2 {
		width:80%;
	}
	
	.ce_rsce_seminarpartner .seminarpartner-spalte3 {
		width:80%;
		padding-left: 17px;
		padding-right: 17px;
	}
	
	.ce_rsce_seminarpartner .seminarpartner-spalte2 *:last-child {
		margin-bottom:1.5rem;
	}
}

@media screen and (max-width:500px) {
	.ce_rsce_seminarpartner .seminarpartner-spalte1,
	.ce_rsce_seminarpartner .seminarpartner-spalte2,
	.ce_rsce_seminarpartner .seminarpartner-spalte3 {
		padding:5px 0;
		width:100%;
	}
	
	.ce_rsce_seminarpartner .seminarpartner-spalte2 {
		margin-top:1.5rem;
	}
}

.show-print {
	display:none;
}

.hide-print {
	display:block;
}


/*Seminarübersicht*/

.full_width {
  max-width: 100% !important;
}

.filter.events ul {
  text-align: center;
}

.filter.events li {
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0px 0 3px 0;
  letter-spacing: 2px;
}

.filter.events li:before {
  content: none;
}

.filter.events li.active, .filter.events li:hover {
  border-bottom: 3px solid;
}

.mod_eventlist .seminar {
  float: left;
  width: 33.333%;
  position: relative;
}

.mod_eventlist .seminar h2 a {
  text-decoration: none;
}

.mod_eventlist .seminar .teaser-box {
  padding: 30px 50px 50px 50px;
}

.details a {
  color: #5d682a;
  border-bottom: 1px solid #5d682a;
  border-top: 1px solid #5d682a;
  padding: 10px;
  text-align: center;
  display: block;
  text-decoration: none !important;
  text-transform:uppercase;
  letter-spacing: 2px;
}

@media screen and (max-width: 900px){ 
.mod_eventlist .seminar {
  width: 100%;
  float: none;
}
}

/*Seminar Detailansicht*/

.mod_eventreader .boxes4ward_article:nth-child(1) {
  padding-top: 81px;
}

.layout_full .ce_text p, .layout_full .news-intro p {
  padding: 0 0 10px 0;
  text-align: justify;
}

.layout_full .ce_text ul {
  margin: 0;
  padding: 0 0 10px 0;
}

.zitat {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 50px 0;
}

.zitat span{
  text-transform: none;
  letter-spacing: 0px;
}

.border-top {
  border-top: 2px solid #000;
}

.news-details {
  padding: 80px 0;
  margin-top: 80px;
}

.seminarleitung, .layout_full .ce_download {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 10px 0;
  overflow: hidden;
}

.half {
  width: 49%;
  margin: 0 1% 0px 0px;
  float: left;
}

.mehr-lesen {
  text-align: center;
  border-bottom: 1px solid #5d682a;
  line-height: 0.1em;
  margin: 70px 0;
}

.mehr-lesen span {
  border-top: 0;
  display: inline;
  background: #fff;
  padding: 3px 20px;
  border-bottom: 1px solid #5d682a;
  text-decoration: none !important;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 2px;
}

.layout_full .ce_download {
	  margin: 70px 0;
}

.veranstaltungsname {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  margin-top: -35px;
  margin-bottom: 30px;
}

.veranstaltungsname span {
  font-size: 14px;
  font-weight: bold;
}


/*Event-Kalender*/

.layout_upcoming .kalenderseminar{
	width:100%;
}

.month {
  margin-bottom: 40px;
  border-bottom: 1px solid #000;
}

.month h2 {
  border-bottom: 2px solid #000;
  text-align: left;
}

.month .layout_upcoming .kalenderseminar {
  border-top: 1px solid #000;
  padding: 5px 0;
}

.month .layout_upcoming:hover, .tipp {
	background-color: #efede3;
	color: #5d682a;
}


.month .layout_upcoming .kalenderseminar div {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  /*font-size:11px;*/
}

.month .layout_upcoming .kalenderseminar .title {
	width: 45%;
	font-weight:bold;
	padding-left: 10px;
}

.month .layout_upcoming .kalenderseminar .datum {
	width: 30%;
	/*font-size: 10px;*/
	text-align: right;
}

.month .layout_upcoming .kalenderseminar .anfrage {
	width: 23%;
	text-align: right;
	font-weight:bold;
	padding-right: 5px;
}

.month .layout_upcoming .kalenderseminar .anfrage a {
	text-decoration:none;
}


.grau {
  color: #808081;
}


@media screen and (max-width: 1150px){
.mod_eventlist.table-wrapper {
  padding: 0 20px;
}
}

@media screen and (max-width: 450px){ 
.month .layout_upcoming .kalenderseminar .title, .month .layout_upcoming .kalenderseminar .datum, .month .layout_upcoming .kalenderseminar .anfrage {
  width: 100%;
  display: block;
  text-align: center;
  margin:10px 0;
}
}