body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}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}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
 * HTML5 display definitions
 * ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices */
audio:not([controls]) {
	display: none;
	height: 0;
}

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support */
[hidden] {
	display: none;
}

/* =============================================================================
 * Base
 * ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html {
	font-size: 100%;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	font-family: sans-serif;
}

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
button,
input,
select,
textarea {
	font-family: sans-serif;
}

/* Addresses margins handled incorrectly in IE6/7 */
body {
	margin: 0;
}

/* =============================================================================
 * Links
 * ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}

/* Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test */
/* =============================================================================
 * Typography
 * ========================================================================== */
/* Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] {
	border-bottom: 1px dotted;
}

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/* Addresses styling not present in S5, Chrome */
dfn {
	font-style: italic;
}

/* Addresses styling not present in IE6/7/8/9 */
mark {
	background: yellow;
	color: black;
}

/* Addresses margins set differently in IE6/7 */
p {
	margin: 1em 0;
}

pre {
	margin: 1em 0;
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em;
}

/* Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em;
}

/* Improves readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4 */
/* 1 */
q {
	quotes: none;
}
q:before,
q:after {
	content: "";
	content: none;
}

/* 2 */
small {
	font-size: 75%;
}

/* Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930 */
sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.25em;
}

sub {
	bottom: -0.2em;
}

/* =============================================================================
 * Lists
 * ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/* Addresses paddings set differently in IE6/7 */
menu,
ol,
ul {
	padding: 0 0 0 40px;
}

/* Corrects list images handled incorrectly in IE7 */
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

/* =============================================================================
 * Embedded content
 * ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
	border: 0;
	/* 1 */
	-ms-interpolation-mode: bicubic;
	/* 2 */
}

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
	overflow: hidden;
}

/* =============================================================================
 * Figures
 * ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure,
form {
	margin: 0;
}

/* =============================================================================
 * Forms
 * ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
/* Define consistent border, margin, and padding */
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/* 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	white-space: normal;
	/* 2 */
	*margin-left: -7px;
	/* 3 */
}

/* 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
	font-size: 100%;
	/* 1 */
	margin: 0;
	/* 2 */
	vertical-align: baseline;
	/* 3 */
	*vertical-align: middle;
	/* 3 */
}

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button,
input {
	line-height: normal;
	/* 1 */
}

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6 */
button {
	cursor: pointer;
	/* 1 */
	-webkit-appearance: button;
	/* 2 */
	*overflow: visible;
	/* 3 */
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	/* 1 */
	-webkit-appearance: button;
	/* 2 */
	*overflow: visible;
	/* 3 */
}

/* Re-set default cursor for disabled elements */
button[disabled] {
	cursor: default;
}

input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
	*height: 13px;
	/* 3 */
	*width: 13px;
	/* 3 */
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

/* 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
 *    Known issue: excess padding remains in IE6 */
/* 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
/* Removes inner padding and search cancel button in S5, Chrome on OS X */
/* Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers */
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* =============================================================================
 * Tables
 * ========================================================================== */
/* Remove most spacing between table cells */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * Main Stylesheet
 *

/* ex "Frutiger W04" und "Frutiger W04-55, font-weight: 400; font-style: normal; */
@font-face{ font-family: "frune-regular";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src:url("../../files/deg/fonts/frune-regular_cd.woff2") format("woff2"),url("../../files/deg/fonts/frune-regular_e8.woff") format("woff");
}
@font-face{ font-family: "frune-regular-italic";
    font-style: italic;
    font-weight: normal;
    font-display: swap;
    src:url("../../files/deg/fonts/frune-regular-italic_bf.woff2") format("woff2"),url("../../files/deg/fonts/frune-regular-italic_d2.woff") format("woff");
}
/* ex font-family:"Frutiger W04-65"*/
@font-face{ font-family: "frune-bold";
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src:url("../../files/deg/fonts/frune-bold_66.woff2") format("woff2"),url("../../files/deg/fonts/frune-bold_7e.woff") format("woff");
    }

@font-face{ font-family: "frune-bold-italic";
    font-style: italic;
    font-weight: bold;
    font-display: swap;
    src:url("../../files/deg/fonts/frune-bold-italic_8b.woff2") format("woff2"),url("../../files/deg/fonts/frune-bold-italic_01.woff") format("woff");
    }

/* ex "Frutiger-75", font-weight: 800; font-style: normal; */
@font-face{ font-family: "frune-black";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src:url("../../files/deg/fonts/frune-heavy_ee.woff2") format("woff2"),url("../../files/deg/fonts/frune-heavy_c7.woff") format("woff");
}
 
@font-face {
	font-family: "RockSolid Icons";
	src: url("../../files/deg/fonts/rocksolid-icons.eot");
	src: url("../../files/deg/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/deg/fonts/rocksolid-icons.woff") format('woff'), url("../../files/deg/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/deg/fonts/rocksolid-icons.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: #ffffff;
}

body {
	font: 20px/1.6 frune-regular, Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #ffffff;
	background: #757575 none 50% 0 no-repeat scroll;
	background-size: cover;
}

#wrapper {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

#main, #header {
    margin-left: 3vw;
    margin-right: 3vw;
}

/*Silbentrennung   */
p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

strong, b {
    font-family: frune-bold;
}

h1,
h2 {
    font-family: frune-black, Helvetica, sans-serif;
    color:#FFFFFF;
    line-height: 1.2;
}

h3,
h4,
h5,
h6 {
    font-family: "frune-bold";
	line-height: 1.5;
}


a {
	color: #99CCFF;
	text-decoration: underline;
    word-wrap: initial !important;
    overflow-wrap: initial !important;
}

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

/* ===========================================
 * General
 * ======================================== */

#deg-logo {
    position: absolute;
    margin: 1vw 0vw 0 0vw;
    width: 50px;
    height: 50px;

}

#ppp_url-logo {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 55px;
    top: 1vw;
}

/*Sprachenwechsler -----------------------------------*/

.mod_changelanguage {
    display:block;
    float:none;
    top: 0vw;

}
/* .mod_changelanguage {
   display: inline-block;
    position: relative;
    top: 0vw;  */
}


/*Sprachenwechsler und individuelle Reihenfolge -----------------------------------*/

.mod_changelanguage > ul  {
    display: grid;
    justify-content: end;
}
.mod_changelanguage > ul > li  {
    float:right;
    padding: 5px 5px 0px 5px;
    margin: 0px 0px 0px 4px;
    /*width: 20px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 28px;
}
.mod_changelanguage > ul > li > a  {
    /*padding: 0 0 0 0;*/
    /*margin: 0 0 0 0;*/
    /*border-bottom: 0px;*/
    /*background-color: unset;*/
}
.mod_changelanguage li.active {
   border: 2px solid #ffffff;
   background-color: rgba(0,0,0,0.4);
   border-radius: 20px;
}

.lang-pt {
        grid-row: 1 ;
        grid-column: 1 ;
        -ms-grid-column:1;
        -ms-grid-row:1;
}
.lang-es {
        grid-row: 1 ;
        grid-column: 2 ;
        -ms-grid-column:2;
        -ms-grid-row:1;
}
.lang-en {
        grid-row: 1 ;
        grid-column: 3 ;
        -ms-grid-column:3;
        -ms-grid-row:1;
}
.lang-de {
        grid-row: 1 ;
        grid-column: 4 ;
        -ms-grid-column:4;
        -ms-grid-row:1;
}
.lang-fr {
        grid-row: 1 ;
        grid-column: 5 ;
        -ms-grid-column:5;
        -ms-grid-row:1;
}

@media screen and (max-width: 425px) {
	body {
		font-size: 18px;
	}
}


/*Hintergrundfarben*/

.bg-red {
    background-color: #af171a;
}


/* Akkordeons--------------------------------*/

.ce_accordion[data-icon],
.ce_accordion[class^="icon-"],
.ce_accordion[class*=" icon-"] {
	position: relative;
}
.ce_accordion[data-icon]:before,
.ce_accordion[class^="icon-"]:before,
.ce_accordion[class*=" icon-"]:before {
	position: absolute;
	top: 0.75em;
	left: 1em;
	z-index: 1;
	font-size: 1.33333em;
	color: #ffffff;
}
.ce_accordion[data-icon] .toggler,
.ce_accordion[class^="icon-"] .toggler,
.ce_accordion[class*=" icon-"] .toggler {
	padding-left: 3.33333em;
}
.ce_accordion .toggler {
	position: relative;
	/* collapse borders */
	margin-bottom: -4px;
	padding: 0.4em 0.3em 0.3em 1.33333em;
	border-top: 1px solid #ffffff;
   	border-bottom: 1px solid #ffffff;
	outline: none;
	cursor: pointer;
	color: #ffffff;
	background: #757575;
}

.h2>.toggler {
   font-family: "frune-black";
}

.akk_info .toggler {
	background: #af171a;
}

.akk_barbosa .toggler  {
	background: #606060;
}
.akk_schulthess .toggler  {
	background: #666666;
}
.akk_historic .toggler  {
	background: #756666;
}
.akk_political .toggler  {
	background: #757550;
}

.ce_accordion .toggler.active {
    border-bottom: 0px;
}

.ce_accordion .toggler:before {
	font: 0.8em/1 "RockSolid Icons";
	content: "\2b";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: absolute;
	top: 0.8em;
	left: 0.2em;
}

.ce_accordion .toggler.ui-accordion-header-active:before {
	content: "\2212";
}



/*.toggler .duration:before {
	content: "\e146";
    font: 0.8em/1 "RockSolid Icons";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	position: relative;
	top: 0.8em;
	left: -0.2em;
}   */

.ce_accordion .accordion {
	zoom: 1;
	position: relative;
	overflow: hidden;
	/* collapse borders */
	margin-bottom: -2px;
	padding: 0.06667em 0.4em;
	border-bottom: 1px solid #FFFFFF;
/*	background: #6f6f6f;*/
}
.ce_accordion .accordion:before {
	content: "";
	display: table;
}
.ce_accordion .accordion:after {
	content: "";
	display: table;
	clear: both;
}


/* Diverses--------------------------------*/
.left {
	float: left;
}

.right {
	float: right;
}

.centered {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}

.clear {
	clear: both;
}

.invisible {
	position: absolute;
	height: 1px !important;
	width: 1px !important;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0 !important;
	overflow: hidden;
	border: 0;
}
.paddingtop {
    padding-top: 1em;
}

/* Bildgrössen--------------------------------*/

.halfwidth {
    max-width: 50%;
}